title: Not able to make Twitter typeahead 0.10 with bloodhound with prefetch to work
body: <p>I've already made several attempts to make the typeahead.js 0.10 to work and only can make it work with the local dataset.</p>
  
  <p>When using prefetch or remote option, even following the examples page, it doesn't work. Either I am formatting the json file with the wrong syntax and/or messing up with the bloodhound options.</p>
  
  <p>Honestly, what does the "datumTokenizer: function(d) { return Bloodhound.tokenizers.whitespace(d.value); }," actually do? what does it mean the whitespace...</p>
  
  <p>Well, I leave here my current example with expectations that somebody can help me understand how to use this.</p>
  
  <p>Can you please, if possible, add an example with Bloodhound using the filter option, along with the json file example being used.</p>
  
  <p>JSON file</p>
  
  <pre><code>     [
  {
    "year": "1961",
    "value": "Test Side Story",
    "tokens": [
      "West",
      "Side",
      "Story"
    ]
  },
  {
    "year": "1962",
    "value": "Tawrence of Arabia",
    "tokens": [
      "Lawrence",
      "of",
      "Arabia"
    ]
  },
  {
    "year": "1963",
    "value": "Tom Jones",
    "tokens": [
      "Tom",
      "Jones"
    ]
  },
  {
    "year": "2012",
    "value": "Argo",
    "tokens": [
      "Argo"
    ]
  }
  </code></pre>
  
  <p>]</p>
  
  <p>Typeahead 0.10 script</p>
  
  <pre><code>       &lt;script&gt;
  var films = new Bloodhound({
  datumTokenizer: function(d) { return Bloodhound.tokenizers.whitespace(d.value); },
  queryTokenizer: Bloodhound.tokenizers.whitespace,
  prefetch: 'http://localhost/dh/js/films.json'
  });
  
  films.initialize();
  
  $('#cenas0').typeahead(null, {
  displayKey: 'value',
  source: films.ttAdapter(),
  templates: {
  suggestion: Handlebars.compile(
  '&lt;p&gt;&lt;strong&gt;{{value}}&lt;/strong&gt; – {{year}}&lt;/p&gt;'
  )
  }
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>HTML code (with some script declarations)</p>
  
  <pre><code>     &lt;script type="text/javascript" src="http://localhost/dh/js/jquery-1.9.1.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="http://localhost/dh/js/typeahead.bundle.js"&gt;&lt;/script&gt;
  
  
  &lt;input id="cenas0" class="typeahead" placeholder="cenas0"&gt;&lt;/input&gt;
  </code></pre>