Прикрепить JQuery Autocomplete к текстовому полю, которое загружается вызовом Ajax

У меня есть простое веб-приложение, в котором я создал мастер, каждая страница мастера содержит разные поля формы, которые заполняются из базы данных, поскольку пользователь нажимает следующие данные страницы, извлекается с сервера с помощью вызова Ajax. Вот код страницы, который извлекается с сервера по вызову Ajax. Я делаю это простым, чтобы понять ..

function printAdAlertWizardStep($step) { switch($step) { case 1: //step of wizard, first step print "Welcome to alert wizard,..."; break; case 2: //second step of wizard which contains the text field to which I want to attach autocomplete list. ?> <table> <tr> <td>Keywords</td> <td><!-- This is text field to which I want to attach autocomplete --> <input id="nalertkw" name="nalertkw" size="10" type="text"> </td> </tr> </table> <?php break; } } } 

И код сценария Java для прикрепления текстового поля Autocomplete to keywords

• Захват изображения с веб-камеры и сохранение в папке с помощью PHP и JavaScript
• Как я могу эхо PHP в jQuery?
• Проблемы с контактной формой Ajax - не отправляется электронное письмо
• Как войти с помощью twitter с помощью PHP и AJAX
• Смешивание javascript, jQuery и PHP, новая строка

 //Script will be executed when the page is ready for scripting $(document).ready(function() { var availableTags = [ "ActionScript", "AppleScript", "Asp", "BASIC", "C", "C++", "Clojure", "COBOL", "ColdFusion", "Erlang", "Fortran", "Groovy", "Haskell", "Java", "JavaScript", "Lisp", "Perl", "PHP", "Python", "Ruby", "Scala", "Scheme" ]; $( "#nalertkw" ).autocomplete({ source: availableTags }); }); 

Теперь проблема заключается в том, что форма загружается после того, как пользователь нажимает рядом, а функция $(document).ready() запускается уже тогда, когда текстовое поле #nalertkw не существует. Таким образом, автозаполнение не работает. Я использую автозаполнение Jquery-UI , как я могу присоединить автозаполнение к текстовому полю, которое загружается через вызов Ajax?

Кроме того, я проверил свою установку на простой странице (без вызова Ajax) с текстовым полем и таким же образом привязал автозаполнение к этому текстовому полю. Он работает абсолютно нормально. Он подтверждает, что настройка автозаполнения верна, но она не работает, если она прикреплена к текстовому полю, которое извлекается через вызов Ajax.

 $.ajax({ url: "page.aspx/FetchEmailList", data: "{ 'mail': '" + request.term + "' }", dataType: "json", type: "POST", contentType: "application/json; charset=utf-8", dataFilter: function (data) { return data; }, success: function (data) { $( "#nalertkw" ).autocomplete({ source: availableTags }); } })) } }); 

 $("#nalertkw").live("keydown.autocomplete", function(){ $(this).autocomplete({ source: availableTags }); }); 

 jQuery.post('[url]', '[arguments]', function(data, status){ jQuery("[pageframe]").html(data); var availableTags = [ "ActionScript", "AppleScript", "Asp", "BASIC", "C", "C++", "Clojure", "COBOL", "ColdFusion", "Erlang", "Fortran", "Groovy", "Haskell", "Java", "JavaScript", "Lisp", "Perl", "PHP", "Python", "Ruby", "Scala", "Scheme" ]; $( "#nalertkw" ).autocomplete({ source: availableTags }); }, "html");