title: How do you override an existing html form to use jquery to post the form?
body: <p>I have a simple form that I am currently posting back to the server to update a nickname. What jquery code do I add (without changing the form) so that the page will not refresh, but instead jquery will post the form in the background and then pop up an alert message containing the reply back from the server?  </p>
  
  <pre><code>&lt;form method="post" action="http://www.myserver.com/update_nickname" name="input"&gt;
      Quick form to test update_nickname:&lt;br&gt;
      New nickname:&lt;input type="text" value="BigJoe" name="newNickname"&gt;&lt;br&gt;
      &lt;input type="submit" value="Submit"&gt;
  &lt;/form&gt;
  
  &lt;script src="jquery-1.4.2.min.js" type="text/javascript"&gt; &lt;/script&gt;
  </code></pre>