在DOM上动态创建的元素上触发事件，这可能吗？

Question

I'm using jQuery Autocomplete library and apply the behavior to any input with class typeahead . That's works for any element that is on the DOM when page loads. I create some elements on the fly by adding some HTML to the DOM using append or clone or any other jQuery/Javascript function for this purpose and all of them also have the class typeahead but behavior isn't triggered on this new elements. how I make this work? I need to trigger the behavior on this new elements too, how? Any advice?

This is the code for trigger the autocomplete event:

$('#products_forms .typeahead').autocomplete({
    serviceUrl: Routing.generate('get_products'),
    paramName: 'filter',
    showNoSuggestionNotice: true,
    noSuggestionNotice: 'Nothing found',
    minChars: 3,
    onSelect: function(suggestion) {
        alert('You selected: ' + suggestion.value + ', ' + suggestion.data);
    }
});

Answer 1

Call the typeahead function after the items are added, ex:

var elem = $("<div id='new'></div>");
$("#someContainer").append(elem);
$("#new").autocomplete({});