Attaching typeahead behavior to dynamically added elements

I am trying to figure out how to add the typeahead behavior to a dynamically added element. I now catch the onInsert event for the new typeahead elements and add the properties (below). However, I don’t get the typeahead behavior.

prefetch: '/words.json',
valueKey: 'name',
limit: 30,
template: [
'<p class="repo-name">{{name}}</p>',
'<p class="repo-description">{{description}}</p>'
].join(''),
engine: Hogan

Can anyone help me on how to add the typeahead behavior to a dynamically added element?

[jharding]

It seems like you’re not calling jQuery#typeahead on the dynamically added input element. You should be doing something like this:

$('<input>').appendTo('body').typeahead({ /* ... */ });

[ParthBarot-BoTreeConsulting]

@jharding Thanks, Your comment worked for me. I was trying to bind it inside keyup for the new dynamically added element, but instead we can use this.