title: Add a Search icon in the end of a input-group IN bootstrap 3
body: <p>Forms have changed since 2.4.3 and <a href="https://stackoverflow.com/a/18520870/1592783">This</a> would have worked before but not anymore.</p>
  
  <p>This is the current code I have for my search bar.</p>
  
  <pre><code>&lt;li&gt;
     &lt;div class="input-group" id="fifteenMargin"&gt;
        &lt;input type="text" class="form-control" placeholder="Search" name="srch-term" id="srch-term"&gt;
     &lt;/div&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>This is what it currently looks like.</p>
  
  <p><img src="https://i.stack.imgur.com/QEGhE.png" alt="enter image description here"></p>
  
  <p>I would like it to eventually look like this. </p>
  
  <p><img src="https://i.stack.imgur.com/TCFQM.png" alt="enter image description here"></p>
  
  <p>Although this question is close this to <a href="https://stackoverflow.com/q/18619740/1592783">this one</a> its different as that is just having a button on the outside without space between the two. This is how to get it into the search bar.</p>