prevent form from reloading when validation error occurs - jquery
<p><a href="http://jsfiddle.net/ShankarSangoli/qbawh/2/" rel="nofollow">http://jsfiddle.net/ShankarSangoli/qbawh/2/</a></p>

<p>above is the example and code I use for my form. when submit is clicked it sends data to mysql. if i click 'submit' and the validation error appears because i left a dropdown as 'please select' it refreshes the page so the user has to reselect everything rather than it was before the submit button was clicked. how do i get it to the same state it was before submit would be pressed</p>

<p>form code:</p>

<pre><code>&lt;form name="food."; action="&lt;?php echo $_SERVER['PHP_SELF']; ?&gt;" method="post" &gt;
</code></pre>

<p>submit button</p>

<pre><code>&lt;input type="submit" name="button" id="button" value="Submit" /&gt;
</code></pre>
