title: Twitter TypeAhead.js Remote Example
body: <p>I am trying to do a remote type ahead feature. How should my remote JSON be structured? In the example below the user has an individual JSON file for every item. Will, I have to create these thousands of files for my data?</p>
  
  <p><a href="https://github.com/twitter/typeahead.js/tree/gh-pages/data/films/queries" rel="nofollow">https://github.com/twitter/typeahead.js/tree/gh-pages/data/films/queries</a></p>
  
  <p>Here is the example:</p>
  
  <pre><code>var bestPictures = new Bloodhound({
    datumTokenizer: Bloodhound.tokenizers.obj.whitespace('value'),
    queryTokenizer: Bloodhound.tokenizers.whitespace,
    prefetch: '../data/films/post_1960.json',
    remote: {
      url: '../data/films/queries/%QUERY.json',
      wildcard: '%QUERY'
    }
  });
  
  $('#remote .typeahead').typeahead(null, {
    name: 'best-pictures',
    display: 'value',
    source: bestPictures
  });
  </code></pre>