Why won't my jQuery form resubmit?
<p>So I have done this a few times and it has worked, but for some reason my form won't work this time. When I submit the form jQuery uses mail.php to do one final validation. It then either submits it or echoes the form back with errors. </p>

<p>So basically when I submit the form with errors, it will echo it back with the respective errors, but when I correct the values and try to resubmit, it won't resubmit.</p>

<p>Here's the code:</p>

<pre><code>&lt;html&gt;
&lt;head&gt;
    &lt;title&gt;Contact Form Example&lt;/title&gt;
    &lt;script type="text/javascript" src="js/jquery.js"&gt;&lt;/script&gt;

    &lt;script type="text/javascript"&gt;
        $(document).ready(function() {

            $('#email').keypress(function() {
                p = {};
                p['email'] = document.getElementById("email").value;
                $("#emailcheck").load("validate_email.php", p);
            });

            $('#message').keypress(function() {
                p = {};
                p['message'] = document.getElementById("message").value;
                $("#messagecheck").load("validate_message.php", p);
            });

                $('#mail').click(function() {

                    p = {};
                    p['email'] = document.getElementById("email").value;
                    p['message'] = document.getElementById("message").value;
                    $("#body").load("mail.php", p);

                });

        });
    &lt;/script&gt;

&lt;/head&gt;
&lt;body&gt;

    &lt;table style="display: block;" id="body"&gt;
        &lt;form action="mail.php" method="POST"&gt;
        &lt;tr&gt;
            &lt;td align="right"&gt;
                &lt;label for="email"&gt;Email:&lt;/label&gt;
            &lt;/td&gt;
            &lt;td align="left"&gt;
                &lt;input type="text" name="email" id="email" /&gt;
            &lt;/td&gt;
            &lt;td id="emailcheck"&gt;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
            &lt;td align="right" valign="top"&gt;
                &lt;label for="message"&gt;Message:&lt;/label&gt;
            &lt;/td&gt;
            &lt;td align="left"&gt;
                &lt;textarea rows="5" cols="30" name="message" id="message"&gt;&lt;/textarea&gt;
            &lt;/td&gt;
            &lt;td id="messagecheck"&gt;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
            &lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;input id="mail" type="submit" value="Email" onclick="return false;"/&gt;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;/form&gt;
    &lt;/table&gt;

&lt;/body&gt;
</code></pre>

<p></p>
