Автозаполнение не будет работать в динамических добавленных строках с использованием datatable

---

Я добавил функцию автозаполнения в свое текстовое поле, но я нажимаю кнопку Добавить, а затем добавляю новую строку, но автозаполнение не работает. ниже приведен мой код.

Что я уже пробовал:

$(функция() {
$("#skills"). автозаполнение({
источник: 'textbox_auto_complete.php'
});
});

// Добавить Скрипт

$('#product_table').объект DataTable();
$(document). on ("click", "#addRow", функция(){
ВАР стол = $('#product_table').объект DataTable();
стол.подряд.добавить([",","]).ничья();
});

//формат HTML
< table id=" product_table "class=" display " cellspacing=" 0 "width=" 50%">
< thead>
<tr>
&ЛТ;й выровняйте="центр"и GT;имя продукта&ЛТ;/й&ГТ;
< th align= "Center"> Quantity</th>
&ЛТ;й выровняйте="центр"и GT;нажмите&ЛТ;/й&ГТ;
< / tr>
< / thead>
<tbody>
<tr>
&ЛТ;тд&ГТ;&ЛТ;входной класс="навыки product_text" тип="текст" заполнитель="введите наименование" имя="навыки" идентификатор="навыки" необходимо=""&ГТ;
< / td>
&ЛТ;Спан ИД="product_list"&ГТ;&ЛТ;/службы&ГТ;
&ЛТ;тд&ГТ;&ЛТ;входной класс="product_text" тип="текст" заполнитель="количество" имя="количество" необходимое=""&ГТ;&ЛТ;/тд&ГТ;
&ЛТ;тд&ГТ;&ЛТ;входной класс="product_text" тип="кнопка" ID="метода addrow" имя="метода addrow" значение="добавить"&ГТ;&ЛТ;/тд&ГТ;
< / tr>
< / tbody>
< / Таблица>

---