title: Process form data using jQuery
body: <p>I'm currently using Prototype, but I'd like to rewrite this function to jQuery:</p>
  
  <pre><code>function post(div,url,formId) {
    new Ajax.Updater(div, url, {
      asynchronous:true, 
      parameters:Form.serialize(formId)
    });
  }</code></pre>
  
  <p>HTML example that goes with it:</p>
  
  <pre><code>&lt;form method="post" action="" id="foo" 
    onsubmit="post('result','getdata.php','foo');return false;"&gt;
    &lt;input type="text" name="data" /&gt;
  &lt;/form&gt;
  &lt;div id="result"&gt;&lt/div&gt;</code></pre>
  
  <p>I've been looking at jQuery.load() and jQuery.post(), but I'm not sure which one to use and how exactly.</p>
  
  <p>Thanks in advance for your help.</p>