title: How to initialize typeahead.js
body: <p>I'm really confused with the docs for typeahead.js so I decided to ask here. I was trying typeahead.js' example on my machine and it wasn't working. </p>
  
  <pre><code>var numbers = new Bloodhound({
  datumTokenizer: function(d) { return Bloodhound.tokenizers.whitespace(d.num); },
  queryTokenizer: Bloodhound.tokenizers.whitespace,
  local: [
    { num: 'one' },
    { num: 'two' },
    { num: 'three' },
    { num: 'four' },
    { num: 'five' },
    { num: 'six' },
    { num: 'seven' },
    { num: 'eight' },
    { num: 'nine' },
    { num: 'ten' }
    ]
  });
  
  // initialize the bloodhound suggestion engine
  numbers.initialize();
  
  // instantiate the typeahead UI
  $('.example-numbers .typeahead').typeahead(null, {
    displayKey: 'num',
    source: numbers.ttAdapter()
  });
  </code></pre>
  
  <p>I am assuming that the class ".example-numbers" is the class for the textbox and ".typeahead" for the results. I am having trouble getting this to work and any example code is appreciated. I've also included the typeahead.js file in my project.</p>