title: Add icon in typeahead input box
body: <p>HTML Code -</p>
  
  <pre><code>&lt;div class="input-group-btn"&gt;
     &lt;div id="custom-templates"&gt;
         &lt;input class="typeahead caret" id="cur1" name="cur1" onkeypress="getData()" class="form-control" style=" color: black;text-transform: uppercase;border: 0px;border-radius: 0px 5px 5px 0px;" aria-label="You Send" type="text" placeholder="BTC" value="BTC"&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Typeahead JS Code -</p>
  
  <pre><code>var bestPictures = new Bloodhound({
    datumTokenizer: Bloodhound.tokenizers.obj.whitespace('value'),
    queryTokenizer: Bloodhound.tokenizers.whitespace,
    prefetch: 'http://localhost/api/currency.php',
  });
  
  
  $('#custom-templates .typeahead').typeahead(null, {
    name: 'best-pictures',
    display: 'value',
    source: bestPictures,
    templates: {
      empty: [
        '&lt;div class="empty-message"&gt;',
          'unable to find any crypto currency',
        '&lt;/div&gt;'
      ].join('\n'),
      suggestion: Handlebars.compile('&lt;div&gt;&lt;img src="{{image}}" class="svg"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;strong style="text-transform: uppercase;"&gt;{{value}}&lt;/strong&gt; – {{year}}&lt;/div&gt;')
    }
  });
  </code></pre>
  
  <p>Output -</p>
  
  <p><a href="https://i.stack.imgur.com/CggfU.png" rel="noreferrer"><img src="https://i.stack.imgur.com/CggfU.png" alt="enter image description here"></a></p>
  
  <p>As shown in the output, the image is added in the dropdown. Is there any way to display the icon as well, in the input box? Like when one clicks on BTC (see screenshot) the Image/ICON should be added in the inputbox along with the name.</p>