Calendarextender function is not working with jquery clone

See more:

ASP.NET

jQuery

Hi All

Here my problem is , ajax calendarExtender not working in Jquery clone , in parent class calendar working fine when i clone it that the text box not displaying the calendar Extender

i dont know what to do ... pls help me

my Javascript code

$(function() {
            $('#Button1').click(function() {
            var hfAnswers = $('#<%=HFeducationdetails.ClientID %>');
            var answers = parseInt(hfAnswers.val()) + 1;
            alert(answers);
                hfAnswers.val(answers);
                $('.sourceEdu:first').clone().attr({ name: "ans_clone_" + answers, id: "ans_clone_" + answers }).appendTo('.designationEdu');
                //$('.sourceEdu:first').clone().attr('id', 'choices_' + $(this).index()).insertAfter('.designationEdu');

            })
        })

My Asp.net Code is

<asp:TextBox ID="txtfrom3_1" runat="server" class="form-control" placeholder="From"></asp:TextBox>
                        <asp:CalendarExtender ID="CalendarExtender4" runat="server" TargetControlID="txtfrom3_1" Format="dd/MM/yyyy" PopupPosition="TopLeft"></asp:CalendarExtender>

What I have tried:

i tried the chaging the js script but i dont know how to do this nu ...

thank