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

Доброго времени суток!

После добавления на страницы элемента (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>