How to change button text to font awesome icon using jquery
<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>