У меня есть проблема при попытке применить автозаполнение jQuery к нескольким строкам таблицы при использовании клона jQuery. Автозаполнение работает с первой строкой, но не работает, когда в таблицу добавляются дополнительные строки. Пока у меня есть следующее:

HTML таблица:

    
       
        Item 
        Description 
       
      
        input name="product_title" id="product_title" type="text"> 
         
       
    
   

Скрипт клонирования:

function addRow(){
  $('#myTable tr:last').clone(true).insertAfter('#myTable tr:last');
  $('#myTable tr:last input').val("");
  $('#myTable tr:last input:first').focus();        
}

Скрипт автозаполнения:

$().ready(function() {
  $("#product_title").autocomplete(products, {
    width: 380,
    matchContains: "word",
    formatItem: function(row) {
      return row.title;
    }
  });   
  $('#product_title').result(function(event, data) {
  $('#product_description').val(data.description);
  });   
});

Данные для автозаполнения извлекаются из простого запроса MySQL, который определяет название и описание продукта.

На данный момент добавление новой строки работает нормально, как и автозаполнение для первой строки таблицы, однако она не работает на любых добавляемых дополнительных строках. Даже если я добавлю вторую строку вручную в таблицу HTML, автозаполнение неработать над этим тоже.

Кто-нибудь знает, есть ли (простой) способ изменить приведенный выше код, чтобы это работало? Я'Я новичок, когда дело доходит до JQuery, так что чем больше деталей, тем лучше.

Заранее спасибо!!!