Issue with sending form in jquery
<p>I am working on a function that lets people log in to their accounts and the form should be sent without reloading the page. The problem is, with my current code the form values are not sent for some reason. What is wrong with my code?</p>

<p><strong>Jquery</strong></p>

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


$('#form form').submit(function(){ 
$("#form :input").attr("disabled", true);
        $.post('0_0.php', $(this).serialize(), function(data){
$('#message').html(data); $("#message").fadeIn(500); 
$("#form :input").attr("disabled", false);
        });             
        return false;
    });
});
&lt;/script&gt;
</code></pre>

<p><strong>html</strong></p>

<pre><code>&lt;div id="form"&gt;&lt;form&gt;
&lt;table&gt;&lt;tr&gt;
&lt;td&gt;&lt;input type="text" value="" class="input 1" placeholder="E-post" name="email" id="i" /&gt;&lt;/td&gt;&lt;td&gt;
&lt;input type="password" name="pass" placeholder="Lösenord" class="input" value="" id="p" /&gt;&lt;/td&gt;&lt;td&gt;
&lt;input type="submit" value="Logga in" class="button" name="submit" /&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;input type="checkbox" id="checkbox-1-4" name="remember" class="regular-checkbox" /&gt;&lt;label for="checkbox-1-4"&gt;&lt;/label&gt;
&lt;/td&gt;&lt;td&gt;&lt;a class="link" style="margin:0; font-size:11px;" href="forgot_password.php"&gt;Glömt lösenordet?&lt;/a&gt;

&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/form&gt;&lt;/div&gt;
</code></pre>
