title: Typeahead custom template Without Handlebars
body: <p>I'm trying to implement the Typeahead.JS <a href="http://twitter.github.io/typeahead.js/examples#custom-templates">"Custom Template" example</a>.</p>
  
  <pre><code>$('#custom-templates .typeahead').typeahead(null, {
    name: 'best-pictures',
    displayKey: 'value',
    source: bestPictures.ttAdapter(),
    templates: {
      empty: [
        '&lt;div class="empty-message"&gt;',
        'unable to find any Best Picture winners that match the current query',
        '&lt;/div&gt;'
      ].join('\n'),
      suggestion: Handlebars.compile('&lt;p&gt;&lt;strong&gt;{{value}}&lt;/strong&gt; – {{year}}&lt;/p&gt;')
    }
  });
  </code></pre>
  
  <p>Specifically this line:</p>
  
  <pre><code>suggestion: Handlebars.compile('&lt;p&gt;&lt;strong&gt;{{value}}&lt;/strong&gt; – {{year}}&lt;/p&gt;')
  </code></pre>
  
  <p>Initially I didn't realise you need to explicitly require Handlebars as a dependancy: </p>
  
  <pre><code>Uncaught ReferenceError: Handlebars is not defined
  </code></pre>
  
  <p>When I remove Handlebars...</p>
  
  <pre><code>suggestion: '&lt;p&gt;&lt;strong&gt;' + value + '&lt;/strong&gt; – ' + year + '&lt;/p&gt;'
  </code></pre>
  
  <p>It gives another JS error:</p>
  
  <pre><code>Uncaught ReferenceError: value is not defined
  </code></pre>
  
  <p>Is it possible to use a custom view template without using Handlebars engine?</p>