Calendarextender function is not working with jquery clone

Calendarextender function is not working with jquery clone

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

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

  9.             })
  10.         })

My Asp.net Code is 

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