Autocomplete работает над первым строком, но не работает над новой строкой

Question

Я хочу автозаполнять каждую строку, но она работает только в первой строке.

автокомпьютер работает нормально на первой строке, но когда я добавляю новую строку, автозаполнение не работает. Мой код здесь любое решение пожалуйста

Вот HTML:

<table id="items"> 
    <thead> 
     <th>Items</th> 
    </thead> 
    <tbody> 
     <tr> 
      <td><input class="input3 item" name="name_1" type="text" value="" autocomplete="off"></td> 
     </tr> 
    </tbody> 
</table> 
    <br clear="both"> 
    <div id="addmore">Add new line</div> 

Вот Jquery:

// add new line 
$("#addmore").click(
    function() { 
     var someText = '<td><input class="input3 item" name="name_2" type="text" value=""></td>'; 
    var newDiv = $("<tr>").append(someText); 
    $('#items').append(newDiv); 
    } 
); 

// get autocomplete tags 
    var availableTags = [ 
     "ActionScript", 
     "AppleScript", 
     "Asp", 
     "BASIC", 
     "C", 
     "C++", 
     "Clojure", 
     "COBOL", 
     "ColdFusion", 
     "Erlang", 
     "Fortran", 
     "Groovy", 
     "Haskell", 
     "Java", 
     "JavaScript", 
     "Lisp", 
     "Perl", 
     "PHP", 
     "Python", 
     "Ruby", 
     "Scala", 
     "Scheme" 
    ]; 

    $(".item").autocomplete({ 
     source: availableTags, 
     minLength: 1, 
    }); 

Вы можете увидеть в Js Fiddle: http://jsfiddle.net/anosim/n3auc/4/ Пожалуйста, помогите мне, Спасибо Advance

Answer 1

Ваша новая строка динамически добавлена, поэтому я думаю, что вы добавите новую строку Функция необходим дополнительный код, как это:

  $("#addmore").click(
       function() { 
       var someText = '<td><input class="input3 item" name="name_2" type="text" value=""> </td>'; 
       var newDiv = $("<tr>").append(someText); 
       $('#items').append(newDiv); 
       $(".item").autocomplete({ 
       source: availableTags, 
       minLength: 1, 
       }); 
      } 
      ); 

JSfiddle: http://jsfiddle.net/n3auc/7/