title: Data-Source in Bootstrap Typeahead not working
body: <p>Pretty straight forward question here. I have this code right here.</p>
  
  <pre><code>&lt;script src="{{ STATIC_URL }}js/typeahead_data_countries.js"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript"&gt;
  $(document).ready(function(){
      $('.typeahead').typeahead({
         source: country_array
     })
  });
  
  &lt;/script&gt;
  </code></pre>
  
  <p>Where typeahead_data_countries is: var country_array = new Array("Afghanistan", "Albania", "Algeria",...);</p>
  
  <p>The variable gets loaded properly, but the whole typeahead is not working. If I do however: </p>
  
  <pre><code>&lt;input type="text" style="margin: 0 auto;" data-provide="typeahead" data-items="4" data-source='["Afghanistan", "Albania"]'/&gt;
  </code></pre>
  
  <p>it works, but I don't want that...</p>