title: Typeahead js with Bloodhound- this.source is not a function
body: <p>I'm following <a href="http://twitter.github.io/typeahead.js/examples/#bloodhound">this example</a> for <code>typeahead.js</code> using <code>Bloodhound</code> to the T, but I'm getting a javascript error. What am I missing?</p>
  
  <p>HTML: (.net razor view)</p>
  
  <pre><code>@Scripts.Render(Links.Scripts.typeahead_bundle_js) 
  @Styles.Render(Links.Content.typeahead_min_css)
  &lt;input id="myInput" type="text" class="form-control" /&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>$(function () {
      var data = ["abce", "abcd", 'def', 'abcdef'];
      var bh = new Bloodhound({
          local: data,
          queryTokenizer: Bloodhound.tokenizers.whitespace,
          datumTokenizer: Bloodhound.tokenizers.whitespace
      });
      //bh.initialize(); //this wasn't in the example, adding it had no effect
  
      $('#myInput').typeahead({
          highlight:true
      },
      {
          name: "testData",
          source: bh
      });
  });
  </code></pre>
  
  <p>gives the error in <code>typeahead.bundle.js</code>:</p>
  
  <blockquote>
    <p>this.source is not a function</p>
  </blockquote>