JQuery datepicker не работает после вызова ajax

У меня есть следующий код

<html>
    <head>
       //included all jquery related stuff ..not shown here
    </head>
    <body>
       <button id = 'btn' />
       <div id = 'ct'>
             <?php echo file_get_contents('my_ajax_stuff.php'); ?>
       </div>
    </body>
    <script>
       $('.datepicker').datepicker({dateFormat: "dd-mm-yy"});
       $('#btn').click(function() {
           $.ajax({
            type: "GET",
            url: "my_ajax_stuff.php" ,
            success: function(response) {
                $('#ct').html(response);
                /*added following line to solve this issue ..but not worked*/
                //$( ".datepicker" ).datepicker({dateFormat: "dd-mm-yy"});

            } ,
            error: function () {
                $('#ct').html("Some problem fetching data.Please try again");
            }
        });
       });
    </script>
</html>

Страница

my_ajax_stuff.php

содержит jquery ui datepicker с class = 'datepicker'. При первой загрузке datepicker работает. Но когда я нажимаю на кнопку, чтобы перезагрузить его, содержимое заменяется новым содержимым. Но datepicker не работает. Я пытался Инициализация DatePicker внутри обработчика успеха AJAX, как вы видите. Но это также не удалось. В чем проблема. Как это можно решить ???

Ответы на вопрос(4)

Ваш ответ на вопрос