title: How to use FontAwesome icon as submit button in HTML form
body: <p>I'm trying to get this FontAwesome search icon to act as a submit button:</p>
  
  <p><a href="https://i.stack.imgur.com/5iAsZ.jpg" rel="nofollow noreferrer">Search form submit IMG</a></p>
  
  <p>Link to search form (not evergreen):</p>
  
  <p><a href="https://themirrorman.co" rel="nofollow noreferrer">https://themirrorman.co</a></p>
  
  <p>I've looked through various other questions, including use of JS and using a button tag, and still couldn't get this to work.</p>
  
  <p>Here is my code:</p>
  
  <p>CSS:</p>
  
  <pre><code>#header-search-submit {
  position: absolute;
  z-index: 1;
  right: 36px;
  top: 6px;
  font-size: 24px;
  color: #7B7B7B;
  cursor: pointer;
  width: 0;
  }
  
  input[type="text"] {
  border: 1px solid #881d98;
  border-radius: 24px;
  border-color: white;
  }
  
  /* header search desktop */
  @media screen and (min-width: 800px) {
  #header-search-desktop-div {
      position: absolute;
      left: 150px;
      width: 450px;
      margin-top: 0;
      margin-bottom: 0;
  }
  }
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="header-search-desktop-div"&gt;
  &lt;form id="header-search-form" class="search" action="https://themirrorman.co/" method="get"&gt;
      &lt;fieldset&gt;
          &lt;span class="text"&gt;
              &lt;input name="product-search" id="header-search-desktop-span" type="text" value="" placeholder="Product Search…" /&gt;&lt;i id="header-search-submit" class="fa fa-search"&gt;&lt;/i&gt;
          &lt;/span&gt;
      &lt;/fieldset&gt;
      &lt;input type="hidden" name="post_type" value="product" /&gt;
  &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The idea of using JS to create the submit function in the 'Space before /head' ? :</p>
  
  <pre><code>&lt;script&gt;$('#header-search-desktop-span').click(function() { 
  alert('Searching for '+$('#header-search-submit').val());
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>I'm clearly doing something very wrong, please help =D</p>