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

custom-templates.css

#custom-templates .empty-message {
  padding: 5px 10px;
 text-align: center;
}

custom-templates.html

<div id="custom-templates">
  <input class="typeahead" type="text" placeholder="Oscar winners for Best Picture">
</div>

custom-templates.js

$('#custom-templates .typeahead').typeahead(null, {
  name: 'best-pictures',
  display: 'value',
  source: bestPictures,
  templates: {
    empty: [
      '<div class="empty-message">',
        'unable to find any Best Picture winners that match the current query',
      '</div>'
    ].join('\n'),
    suggestion: Handlebars.compile('<div><strong>{{value}}</strong> – {{year}}</div>')
  }
});

Thank you for the link.