sports.html

<div class="example-sports">
  <input class="typeahead" type="text" placeholder="NBA and NHL teams">
</div>

sports.js

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

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

nba.initialize();
nhl.initialize();

$('.example-sports .typeahead').typeahead({
  highlight: true
},
{
  name: 'nba',
  displayKey: 'team',
  source: nba.ttAdapter(),
  templates: {
    header: '<h3 class="league-name">NBA Teams</h3>'
  }
},
{
  name: 'nhl',
  displayKey: 'team',
  source: nhl.ttAdapter(),
  templates: {
    header: '<h3 class="league-name">NHL Teams</h3>'
  }
});

hi @jharding!
I have forked your gist to match typeahead.js example.
Take a look https://gist.github.com/josx/9134760