Currently working on jquery clone and auto complete hre is my detail code for jquery clone

2. var num = $('.cloned-row1').length;
3.    var newnum = num + 1;
4.   $(document).on("click", ".edu_add_button", function() {
5.     var $clone = $('.cloned-row1:eq(0)').clone(true, true).attr('id', "cloned-row" + newnum);
6.     $clone.find('[id]').each(function() {
7.       $(this).removeClass("errRed");   
8.       if ($(this).hasClass("required_Field")) {
9.         $(this).prevAll('label').find('span.required-star').removeClass('text-error-red');
10.         $(this).addClass("cloned_field");
11.         //$(this).addClass("errRed");
12.       } else {
13.         $(this).removeClass("errRed");
14.         $(this).removeClass("text-error-red");
15.       }
16.     });
17.     $clone.find('.btn_more').after("<input type='button' class='btn_less1 edu_btnle' id='buttonless'/>");
18.     $clone.find(".school_Name").attr('disabled', true).val('');
19. $clone.find(".txt_schName").val('').attr('id', 'txt_schName_' + newnum);
20.     $clone.find(".degree_Description").attr('disabled', true).val('');
21.     $clone.find(".ipt_Havg").val('');
22.     $clone.find(".trans_date").val('');
23. 
    
24.     var dateobj = new Date();
25.     var datemonth;
26.     if (dateobj.getMonth() + 1 < 10) datemonth = "0";
27.     datemonth += dateobj.getMonth() + 1;
28.     var fulldate = datemonth + "-" + dateobj.getDate() + "-" + dateobj.getFullYear();
29.     $clone.find("input.deg_date")
30.       .removeClass('hasDatepicker')
31.       .removeData('datepicker')
32.       .unbind()
33.       .datepicker({
34.         dateFormat: "mm/dd/yy",
35.         changeMonth: true,
36.         yearRange: "-100:+0",
37.         changeYear: true,
38.         maxDate: new Date(),
39.         showButtonPanel: false,
40.       });
41. 
    
42.     $('.cloned_field').addClass("errRed");
43.     var dateobj = new Date();
44.     var datemonth;
45.     if (dateobj.getMonth() + 1 < 10) datemonth = "0";
46.     datemonth += dateobj.getMonth() + 1;
47.     var fulldate = datemonth + "-" + dateobj.getDate() + "-" + dateobj.getFullYear();
48.     $clone.find("input.trans_date")
49.       .removeClass('hasDatepicker')
50.       .removeData('datepicker')
51.       .unbind()
52.       .datepicker({
53.         dateFormat: "mm/dd/yy",
54.         changeMonth: true,
55.         yearRange: "-100:+0",
56.         changeYear: true,
57.         maxDate: new Date(),
58.         showButtonPanel: false,
59.       });
60. 
    
61.     $(this).parents('.educat_info').after($clone);
62.  
63. autoComplete($('#txt_schName_' + newnum));
64.   });
65. 
    

Here is my auto complete code

2. $.widget('custom.tableAutocomplete', $.ui.autocomplete, {
3.     options: {
4.         open: function (event, ui) {
5.             // Hack to prevent a 'menufocus' error when doing sequential searches using only the keyboard
6.             $('.ui-autocomplete .ui-menu-item:first').trigger('mouseover');
7.         },
8.         focus: function (event, ui) {
9.             event.preventDefault();
10.         },
11. highlightClass: "ui-state-highlight"
12.     },
13.     _create: function () {
14.         this._super();
15.         // Using a table makes the autocomplete forget how to menu.
16.         // With this we can skip the header row and navigate again via keyboard.
17.         this.widget().menu("option", "items", ".ui-menu-item");
18.     },
19.     _renderMenu: function (ul, items) {
20.         var self = this;
21.         var $li = $("<li>");
22. $table = $('<table class="table-autocomplete">'),
23.             $thead = $('<thead>'),
24.             $headerRow = $('<tr>'),
25.             $tbody = $('<tbody>');
26. 
    
27.         $.each(self.options.columns, function (index, columnMapping) {
28.             $('<th>').text(columnMapping.title).appendTo($headerRow);
29.         });
30. 
    
31.         $thead.append($headerRow);
32.         $table.append($thead);
33.         $table.append($tbody);
34. $li.append($table);
36.         ul.html($li);
37. 
    
38.         $.each(items, function (index, item) {
39.             self._renderItemData(ul, ul.find("table tbody"), item);
40.         });
41.     },
42.     _renderItemData: function (ul, table, item) {
43.         return this._renderItem(table, item).data("ui-autocomplete-item", item);
44.     },
45.     _renderItem: function (table, item) {
46.         var self = this;
47.         var $tr = $('<tr class="ui-menu-item" role="presentation">');
49.         $.each(self.options.columns, function (index, columnMapping) {
50.             var cellContent = !item[columnMapping.field] ? '' : item[columnMapping.field];
51.             $('<td>').text(cellContent).appendTo($tr);
52.         });
53. 
    
54.         return $tr.appendTo(table);
55.     }
56. });
57. 
    
58.  $(document).ready(function() {
59. autoComplete($('#txt_schName_1'));
60. });
61. 
    
62. function autoComplete(t) {
63. t.tableAutocomplete({
64. highlightClass: "bold",
65. source: function(request, response) {
66.  var regex = new RegExp(request.term, 'i');
67.  //var filteredArray = filteredArray.slice(0,10);
68.  $.ajax({
69. url: "json/dummy.json",
70. dataType: "json",
71. data: {
72.  term: request.term
73. },
74. success: function(data) {
75.  response($.map(data, function(item) {
76. // This code is only for testing. It should be done on the server!
77. if (regex.test(item.id) || regex.test(item.label)) {
78.  return item
79. }
80.  }));
81. },
82. 
    
83.  });
84. },
85. columns: [{
86. field: 'id',
87. title: 'Search School Name'
88. }, {
89. field: 'label',
90. title: 'School Name'
91. }],
92. delay: 500,
93. select: function (event, ui) {
94. if (ui.item != undefined) {
95. $(this).val(ui.item.value);
96. $('#school_Name').val(ui.item.label);
97. console.log(ui.item.label);
98. if (ui.item.label === "Other"){
99. var schoolObj = $(".school_Name");
100.   schoolObj.prop('disabled', false);
101.   schoolObj.val('');
102. }
103. }
104. }
105. });
106. }

Html field

 <div class="container-fluid cloned-row1 cloned_div educat_info" id="cloned-row1" name="cloned-row1">

<input type="text" id="txt_schName_1" class="ipt_Field required_Field txt_schName "/>

<input type="button" class="btn_more edubtnmore btn_right edu_add_button" />

</div>

First time it was working fine but when i clik button in the second time it was not working