title: Add Bootstrap Glyphicon to Input-Group with TextBox & Button
body: <p>So I have a textbox and button set up exactly like this: <a href="http://www.bootply.com/78014" rel="nofollow">http://www.bootply.com/78014</a> except im using @HTML.TextboxFor() instead of the  tag. </p>
  
  <p>But I want to add a glyphicon on the textbox as well like this: <a href="http://plnkr.co/edit/ZrnnkFR3Yv9HGQHrRMiW?p=preview" rel="nofollow">http://plnkr.co/edit/ZrnnkFR3Yv9HGQHrRMiW?p=preview</a> or this: <a href="http://jsfiddle.net/LS2Ek/1/" rel="nofollow">http://jsfiddle.net/LS2Ek/1/</a></p>
  
  <p>Here is my actual code:</p>
  
  <pre><code>&lt;div class="input-group col-lg-4 col-md-5 col-sm-7 has-feedback" style="padding-left:15px; padding-right:15px; margin-bottom:15px;"&gt;
  @Html.TextBoxFor(m =&gt; m.Temp, new { @class = "form-control has-feedback", @placeholder = "If Known" })
  &lt;i class="form-control-feedback glyphicon glyphicon-ok-circle"&gt;&lt;/i&gt;
  &lt;span class="input-group-btn"&gt;
  @Ajax.ActionLink("Look Up", "Lookup", "NewUserRequest", null, new { @class = "btn btn-default", id = "lookupGuest" })
  &lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>But what the glyphicon ends up being hidden under the button.</p>