Example for http://twitter.github.io/typeahead.js/examples/.

bloodhound.html

<div id="bloodhound">
  <input class="typeahead" type="text" placeholder="States of USA">
</div>

bloodhound.js

// constructs the suggestion engine
var states = new Bloodhound({
  datumTokenizer: Bloodhound.tokenizers.whitespace,
  queryTokenizer: Bloodhound.tokenizers.whitespace,
  // `states` is an array of state names defined in "The Basics"
  local: states
});

$('#bloodhound .typeahead').typeahead({
  hint: true,
  highlight: true,
  minLength: 1
},
{
  name: 'states',
  source: states
});

for the newbeies like me; to make bloodhound work standalone...

$(document).ready(function() {

/ / add states var here (search data)
var states = ['Alabama', 'Chicago',etc ]

// constructs the suggestion engine
var states = new Bloodhound({
datumTokenizer: Bloodhound.tokenizers.whitespace,
queryTokenizer: Bloodhound.tokenizers.whitespace,
// states is an array of state names defined in "The Basics"
local: states
});

$('#bloodhound .typeahead').typeahead({
hint: true,
highlight: true,
minLength: 1
},
{
name: 'states',
source: states
});
});

A nice article based on a maintained fork(v1.2.1) since the original project has been abandoned since 3+ years (Ref)