swapping via jquery?
<p>I have a button that i want a user to click and it turns into a spinner like <a href="http://www.assignmentx.com/wp-content/themes/assignment-x/images/spinner.gif" rel="nofollow">this</a> so what i was thinking was to have it like this...</p>

<pre><code>&lt;form method="post" id="new_resource" class="new_resource" action="/resources"&gt;
  &lt;div class="field"&gt;
    &lt;input type="text" size="30" name="resource[url]" id="resource_url"&gt;
    &lt;input type="hidden" value="5" name="resource[course_id]" id="resource_course_id"&gt;
  &lt;/div&gt;
  &lt;div class="actions"&gt;
    &lt;input type="submit" value="Create" name="commit" id="resource_submit"&gt;
  &lt;/div&gt;
&lt;/form&gt;
</code></pre>

<p>So what i need is if someone clicks on the submit form button with id="resource_submit that i would display a spinner...I was thinking of putting the spinner below this input tag in a span or an image tag but i wasnt sure the best way...</p>

<p>Here is my Jquery so far</p>

<pre><code>$('form').submit(function(e){
 $(this).find('#resource_submit').hide();
 e.preventDefault();
});
</code></pre>

<p>I have multiple forms on the page so thats why i am using this approach but i dont know how to implement the spinner logic</p>
