title: how to change the source property of typeahead in twitter bootstrap?
body: <p>i'm using twitter bootstrap 2.0.4. i want to populate the dropdown using ajax.
  the source property of the typeahead plugin requires the value of source to be either an array 
  or a function. i tried changing the value of the array after the ajax request but it only displays the results of the first request. </p>
  
  <pre><code>&lt;form class="navbar-search"&gt;
     &lt;input type="text" id="searchSong" class="typeahead" placeholder="Search"&gt;
  &lt;/form&gt;
  
   $('.typeahead').keyup(function(){                     
                  var list;
                  var q = $('.typeahead').val();
                  if(!q){
                      return;
                  }
                  $.ajax({
                      type: "GET",
                      url: "/WebApplication1/Playlist/search?query="+q,
                      success: function(data){
                          list = data.split(',');
                          alert(list);
                          $('.typeahead').typeahead({
                              source: list
                          })
                      }
                  });
  </code></pre>
  
  <p>the alert box shows the data loaded from ajax is correct but the dropdown still shows the previous values</p>