title: Font Awesome icon inside controlgroup textbox
body: <p>Below is my code:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;fieldset data-role="controlgroup" data-type="vertical" data-mini="true"&gt;
   &lt;input type="text" name="username" id="username" placeholder="Username" data-wrapper-class="controlgroup-textinput ui-btn"&gt;
   &lt;input type="password" name="password" id="password" placeholder="Password" data-wrapper-class="controlgroup-textinput ui-btn"&gt;
   &lt;/fieldset&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>my question is i want to add font awesome icons like fa-user and fa-lock inside the input text fields like below graphic, not as placeholder text! these two inputs should be in controlgroup.</p>
  
  <p>below is the url for sample output
  <a href="http://www.gfi.com/~/media/Images/GFI/Products/Downloads/Mobile%20app/Android/login.ashx" rel="nofollow">http://www.gfi.com/~/media/Images/GFI/Products/Downloads/Mobile%20app/Android/login.ashx</a></p>