title: How do I add a Font Awesome icon to input field?
body: <p>How do I use the search icon included in Font Awesome for input? I have a search feature on my site (based on PHPmotion), that I want to use for the search.</p>
  
  <p>Here's the code: </p>
  
  <pre><code>&lt;div id="search-bar"&gt;
  
        &lt;form method="get" action="search.php" autocomplete="off" name="form_search"&gt;
          &lt;input type="hidden" name="type" value="videos" /&gt;
              &lt;input autocomplete="on" id="keyword" name="keyword" value="Search Videos" onclick="clickclear(this,
              'Search Videos')" onblur="clickrecall(this,'Search Videos')" style="font-family: verdana; font-weight:bold;
              font-size: 10pt; height: 28px; width:186px; color: #000000; padding-left: 2px; float:left; border: 1px solid black; background-color:
              #ffffff" /&gt;
              &lt;input type="image" src="http://viddir.com/themes/default/images/search.jpg" height="30" width="30" border="0" style="float:right;"/&gt;
          &lt;div id="searchBoxSuggestions"&gt;&lt;/div&gt;
          &lt;/form&gt;
          &lt;/div&gt;
  </code></pre>