Typeahead to dynamically input

On my website I am using Twitter typeahead. It works fine but when I add new input dynamically it doesnt work. Where can be the problem?

var custom = new Bloodhound({
datumTokenizer: function(d) { return d.tokens; },
queryTokenizer: Bloodhound.tokenizers.whitespace,
remote: 'http://'+window.location.hostname+'/invoice/loadItemOption?query=%QUERY'
});

custom.initialize();

$('.typeahead_option_items').typeahead(null, {
      name: 'item_title[]',
      displayKey: 'invoice_item_option_title',
      source: custom.ttAdapter(),
      hint: (App.isRTL() ? false : true),
}).on('typeahead:selected', function (obj, value) {
    console.log(value.invoice_item_option_title);
});

[alvarotrigo]

Isn’t there any other way to deal with it?

[jharding]

After you insert the new input control into the DOM, you’re not initializing it as a typeahead. I’ve updated your example to do just that.