twitter-oss.html

<div class="example-twitter-oss">
  <input class="typeahead" type="text" placeholder="open source projects by Twitter">
</div>

twitter-oss.js

var repos = new Bloodhound({
  datumTokenizer: function(d) { return d.tokens; },
  queryTokenizer: Bloodhound.tokenizers.whitespace,
  prefetch: '../data/repos.json'
});

repos.initialize();

$('.example-twitter-oss .typeahead').typeahead(null, {
  name: 'twitter-oss',
  displayKey: 'name',
  source: repos.ttAdapter(),
  templates: {
    suggestion: Handlebars.compile([
      '<p class="repo-language">{{language}}</p>',
      '<p class="repo-name">{{name}}</p>',
      '<p class="repo-description">{{description}}</p>'
    ].join(''))
  }
});