title: How can I add a Font-Awesome icon on my form field?
body: <p>I am making a form and I want to use <a href="http://fortawesome.github.io/Font-Awesome/" rel="nofollow">Font-Awesome</a> icon on my input field. </p>
  
  <p>Here is my HTML code.</p>
  
  <pre><code>&lt;div class="form-group"&gt;
      &lt;span class="input-icon"&gt;
          &lt;i class="fa fa-user"&gt;&lt;/i&gt;
          &lt;input class="form-control" name="username" placeholder="Username" type="text"&gt;
      &lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I want to show the icon <em>on</em> my input field. Currently it show up <em>above</em> my input field.</p>