Intercepting default behavior for form submission
<p>When the following code executes, the parameters appear in the url, and no inner HTML within the table changes. The documentation says the default request method is a POST when data is provided.</p>

<pre><code>$('form').submit(function() {
    var data = $(this).serializeArray();
    $('#items-table').load("drawer.php", data)
});
</code></pre>

<p>The <code>data</code> is outputted correctly as <code>MM=01&amp;dd=01&amp;yyyy=2001&amp;HH=12&amp;mm=00&amp;ss=00&amp;entername=Dr.+Clock&amp;optionsRadios=option3&amp;enteritemid=</code>, but it appears as parameters to the current page rather than the page identified in the load() function, <code>drawer.php</code>.</p>

<p><strong>EDIT</strong>: Even when I use <code>serializeArray()</code> to make sure an object is passed as the second parameter to load() rather than a string, I still find that a GET request is called, and the current page's URL gains these parameters. The response from "drawer.php" does not appear in the div. </p>

<p><strong>SECOND EDIT</strong>: It turned out I had failed to intercept the form's action, because I didn't include this line: <code>return false;</code> at the end of the submit function.</p>
