Почему инициализация элемента осуществляется только на второй клик?

Доброго времени суток! После добавления на страницы элемента (ajax)

<div id="response">
<input type="text"  class="form-control datepicker" name="" placeholder="" value="">;
</div>

кликаем по элементу (input) , ни какой реакции. кликаем второй раз и появляется календарь. использую такой js

    <script>
        $('#response').on('click', 'input', function(e){
            $('.datepicker').datepicker({});
        });
    </script>