Question

When I load a page normally and use this code :

$('#clientName').typeahead({
   //removed options since they are not needed for my question
});

The typeahead works fine on #clientName.
But when I load the input #clientName dynamically via AJAX then the above code doesn’t work.

Is there some way to let it work?

It’s equal to this problem :

$('#randomDiv').click(function() {
  alert("Handler for .click() called.");
});

This one only works if the content is not dynamically loaded. But this code will work :

$(document).on('click','#randomDiv',function() {
  alert("Handler for .click() called.");   
});

So I would like to add the handler to the document or body, and not to the #clientName div itself.

Answer 1

I think you only have the choice to call $('#clientName').typeahead(...); again after inserting the input with the id clientName dynamically. If you capsules calling typehead into a function, you need only to call the function again without setting all options again.