title: AngularJS typeahead search results in a div
body: <p>I'm using bootstrap's typeahead for a text input that also has a button that pops a popular results popover.</p>
  
  <p>I want the functionality of the typeahead, only that the results list will be displayed in a different div (inside the popover instead of under the text input).</p>
  
  <p>Is there a way to set the 'container' for the the typeahead search results? (for example popover widget contains a 'container' option)</p>
  
  <p>Something like this:</p>
  
  <pre><code>Text Field    Button          popover
  ________________________________________________________
  |   Search...  | B |  Typeahead1    Popular Searches:  |
  |--------------|---|  Typeahead2    Src1               |
                     |  Typeahead3    Src2               |
                     |  ....          ...                |
                     |___________________________________|
  </code></pre>
  
  <p>(would have been quicker to draw in photoshop but eh...)</p>
  
  <p>Any thoughts of a good solution? I thought about a few ways: Modify/extend the typeahead plugin or use a hidden text input. I could go for jquery's autocomplete instead maybe. Any other (better) suggestions?</p>
  
  <p>Note: I'm using jquery+angularjs+bootstrap</p>