Как «подружить» jquery ui autocomplete с динамической формой?

Question

[Константин Кандауров]

Делаю динамическую форму с автозаполнением значения из БД.

<FORM class = "filmfields" name = "edit" method="post" action = "<?=$_SERVER['REQUEST_URI']?>" enctype="multipart/form-data">
<INPUT type = "text" name = "name[]" id= "name" value = "" size = "50"><BR>
<SCRIPT>_tmpl_name='<INPUT type = "text" name = "name[]" id= "name" value = "" size = "50"><BR>';</SCRIPT>
<INPUT type = "button" value = "+" onclick = "$(this).before(_tmpl_name);">
</FORM>

Автозаполнение работает только на поле, которое загружается сразу.
Как правильно "прикрутить" автозаполнение к тем элементам формы, которые появятся после нажатия на кнопку "+"?

Answer 1

[Константин Кандауров]

А теперь внимание! Правильный ответ:

$(document).on("focus",[selector],function(e) {
    if ( !$(this).data("autocomplete") ) { // If the autocomplete wasn't called yet:
        $(this).autocomplete({             //   call it
            source:['abc','ade','afg']     //     passing some parameters
        });
    }
});

var count = 0;
$(cloneButton).click(function() {
    var newid = "cloned_" + (count++); // Generates a unique id
    var clone = $(source) // the input with autocomplete your want to clone
        .clone()
        .attr("id",newid) // Must give a new id with clone
        .val("") // Clear the value (optional)
        .appendTo(target);
});

Источник