title: search icon inside search box
body: <p>So what I have right now is this:</p>
  
  <p><img src="https://i.stack.imgur.com/hqyzb.png" alt="SAMPLE"></p>
  
  <p>But I want to include icon-search <a href="http://twitter.github.com/bootstrap/assets/img/glyphicons-halflings.png" rel="noreferrer">ICON SEARCH</a> inside the textbox on the left side.</p>
  
  <p>This is my code:</p>
  
  <pre><code>&lt;form class="navbar-form pull-left form-search"&gt;
      &lt;select&gt;
          &lt;option&gt;Search patient by...&lt;/option&gt;
          &lt;option name="fname"&gt;Firstname&lt;/option&gt;
          &lt;option name="fname"&gt;Lastname&lt;/option&gt;
          &lt;option name="fname"&gt;Last follow up&lt;/option&gt;
      &lt;/select&gt;
      &lt;div class="input-append"&gt;
          &lt;input data-provide="typeahead" data-items="4"  type="text" 
             class="span2 search-query"&gt;
          &lt;button class="btn"&gt;Search&lt;/button&gt;
      &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>So any ideas how to achieve this? Thanks.</p>