jquery.ui.datepicker не загружается с ajax

Question

У меня есть HTML-страница (mypage.html), которая использует jquery.ui.datepicker

<table>
<tr>
<td valign="middle"><input type="text" name="from_date"  id="from_date" ></td>
<td width="6"><script type="text/javascript">
            $(function() {
                        $("#from_date").datepicker(
                        {dateFormat: 'mm-dd-yy', showOn: 'both', buttonImageOnly: true, changeMonth: true, changeYear: true ,buttonImage: '../images/calender_icons.gif' });
             });
            </script></td>
</tr></table>

при загрузке этой страницы с другой страницы с использованием ajax средство выбора даты не загружается. мой код ajax указан ниже

$(document).ready(function(){
    $("#MainDiv").click(function(event){
        $.ajax({
            url: 'mypage.html',
            cache: false,
            success: function(html){
                $("#MainDiv").html(html);
                alert('succ');
            },
            complete: function(){
                alert('comp');  
            },
            error : function(){
                alert('err');
            },
            dataType: "html"

        });
    });
 });

любая помощь будет оценена.

Answer 1

Я сделал это с помощью метода .load

$(document).ready(function(){ 
    $("#MainDiv").click(function(){ 
        $("#secondDiv").load("test.html");
    });
});