title: Destroy typeahead after the menu has been closed
body: <p>I have a searchbox on which I initialize typeahead when I click on it, to some data from the server. Depending on the current page, I need to show/hide a footer in the search dropdown.</p>
  
  <p>I went for the approach to destroy the typeahead and then recreate it, according to my needs. In this way, I also refresh the data from server, in case there's something changed.</p>
  
  <p>For destroy I use this <code>this.$("#searchQuery").typeahead('destroy');</code> right at the top of the function that needs to initialize the typeahead, but the problem is that the menu is not destroyed. If I look at the dom, there are 4-5 or even more typeahead menu created.</p>
  
  <p>So my question is, how can I properly 'reinitialize' a typeahead menu? </p>
  
  <p>I forgot to mention I am using <code>twitter typeahead</code></p>