title: How to change button text to font awesome icon using jquery
body: <p>I have a button <code>&lt;button class="home-signup-button button-add" formnovalidate&gt;Sign up&lt;/button&gt;</code></p>
  
  <p>On click of this button I want to change the text from Sign up to a font awesome icon. <code>&lt;i class='fa fa-circle-o-notch fa-spin fa-3x fa-fw'&gt;&lt;/i&gt;</code>. So far I've tried </p>
  
  <pre><code>$(".home-signup-button.button-add").click(function(){
      $(this).text("&lt;i class='fa fa-circle-o-notch fa-spin fa-3x fa-fw'&gt;&lt;/i&gt;");
  });
  </code></pre>
  
  <p>But I get an error that reads <code>Uncaught SyntaxError: missing ) after argument list</code>. If I just put in some text like "Connecting..." instead of the font awesome it works without any error. </p>