title: Select2 Search Icon on Search Field
body: <p>I use select2 with bootstrap3.</p>
  
  <p><a href="https://select2.github.io/examples.html" rel="nofollow">https://select2.github.io/examples.html</a></p>
  
  <p>Single select boxes</p>
  
  <p>How to add search icon in search field？</p>
  
  <p>like this:</p>
  
  <p><a href="https://fk.github.io/select2-bootstrap-css/" rel="nofollow">https://fk.github.io/select2-bootstrap-css/</a></p>
  
  <p>This is my Select2 option code:<br/></p>
  
  <pre><code>$(".select2").select2({
      theme: 'bootstrap'
  });
  </code></pre>
  
  <p>This is my HTML code:</p>
  
  <pre><code>&lt;select style="width:100%" class="select2"&gt;
      &lt;optgroup label="Test-group"&gt;
          &lt;option&gt;test1&lt;/option&gt;
          &lt;option&gt;test2&lt;/option&gt;
      &lt;/optgroup&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>Thank you.</p>