title: bootstrap typeahead - changing source
body: <p>I looking for a way to change <code>source</code> for typeahed.</p>
  
  <p>For instance, assume I have the following 2 lists, and depend on the case, I'd like to have the typeahead workingin with a different source.</p>
  
  <pre><code>var list1 = ["this", "is", "first", "list"],
      list2 = ["second", "list", "comes", "here"];
  
  $("selector").typeahead({source: list1})
  </code></pre>
  
  <p>Then, when I do </p>
  
  <pre><code>$("selector").typeahead({source: list2})
  </code></pre>
  
  <p>and start typing into the input box, the first list appears underneath the new one.</p>
  
  <p>I tried doing </p>
  
  <pre><code>$("selector")
      .removeData()
      .typeahead({source: list2})
  </code></pre>
  
  <p>Yet, it has no effect.</p>