jquery - オートコンプリートは最初の行では機能しますが、新しい行では機能しません

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/ 私を助けてください、事前に感謝します