Alternative methods of running ajax submit method
<p>Hi everyone I am currently using the below code to run ajax submission on my page and was wondering if it is the most effective way of handling it given the variety of methods used for capturing user data. </p>

<p>What would a better method entail?</p>

<p>This is the JavaScript code I'm currently using:</p>

<pre><code>$(document).ready(function() {
    $("#submit").click(function() {
        $("#form").hide(300);
        $.post('run.php', $("#form").serialize(), 
        function(data) {
            $("#result").html(data);
        });
        return false;
    });
});
</code></pre>

<p>This is my form:</p>

<pre><code>&lt;form id="booking"&gt;
          &lt;table width="600" cellpadding="2px" cellspacing="2px" style="font-size: 20px;"&gt;
            &lt;tr&gt;
              &lt;th width="296" align="left"&gt;Date Of Wedding&lt;/th&gt;
              &lt;td width="288"&gt;&lt;input name='date' type='text' class='larger' id='date' value='' size='20'/&gt;&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
              &lt;th align="left"&gt;Party Size&lt;/th&gt;
              &lt;td&gt;&lt;input name='partySize' type='text' class='larger' id='partySize' value='' size='20' /&gt;&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
              &lt;th align="left"&gt;Catering Grade&lt;/th&gt;
              &lt;td&gt;1:
                &lt;input name='cateringGrade' type='radio' class='larger' value=1 size='12'/&gt;
                2:
                &lt;input name='cateringGrade' type='radio' class='larger' id='cateringGrade' value=2 size='12'/&gt;
                3:
                &lt;input name='cateringGrade' type='radio' class='larger' id='cateringGrade' value=3 size='12'/&gt;
                4:
                &lt;input name='cateringGrade' type='radio' class='larger' id='cateringGrade' value=4 size='12'/&gt;
                5:
                &lt;input name='cateringGrade' type='radio' class='larger' id='cateringGrade' value=5 size='12'/&gt;&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
              &lt;th align="left"&gt;&amp;nbsp;&lt;/th&gt;
              &lt;td&gt;&amp;nbsp;&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
              &lt;th align="left"&gt;&amp;nbsp;&lt;/th&gt;
              &lt;td&gt;&lt;input name="submit" type="button" value="Submit" id="submit"/&gt;&lt;/td&gt;
            &lt;/tr&gt;
          &lt;/table&gt;
        &lt;/form&gt;
</code></pre>
