title: How do I write html code inside jquery?
body: <p>I have a search bar showing on my wordpress site and have used jquery to replace the "search" word and want to use an icon from font awesome. However it just displays the font awesome code, not the icon.</p>
  
  <p>How do I go about replacing the submit button text with a font awesome icon?</p>
  
  <p>I cant seem to edit the "value" as this is in a sidebar. This is what I have so far...</p>
  
  <pre><code>&lt;form role="search" method="get" id="searchform" class="searchform" action="http://localhost/"&gt;
                  &lt;div&gt;
                      &lt;label class="screen-reader-text" for="s"&gt;Search for:&lt;/label&gt;
                      &lt;input type="text" value="" name="s" id="s"&gt;
                      &lt;input type="submit" id="searchsubmit" value="Search"&gt;&lt;/input&gt;
                  &lt;/div&gt;
              &lt;/form&gt;
  
  
  &lt;script type="text/javascript"&gt;
      var $elem = $("#searchsubmit");
      $elem.html("&lt;i class='fa fa-eye'&gt;&lt;/i&gt;");
  &lt;/script&gt;
  </code></pre>