Using JavaScript, how can I reset all the select's in my form so that the first option for each is selected?
<p>I have a form containing only select fields, a submit button and a reset button. </p>

<pre><code>&lt;form id="search_form"&gt;

&lt;select id="country"&gt;
  &lt;option value="-1"&gt;Select Country&lt;/option&gt;
  &lt;option value="22"&gt;USA&lt;/option&gt;
  &lt;option value="23"&gt;Germany&lt;/option&gt;
  ...
&lt;/select&gt;

&lt;select id="regions"&gt;
  &lt;option value="-1"&gt;Select Region&lt;/option&gt;
  ...
&lt;/select&gt;

&lt;input type="reset" value="Reset /&gt;

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

<p>Each of the select fields has a default option with a value of "-1".</p>

<p>When a user clicks on the reset button, I want all the selects to show the option with this "-1" value as being selected.</p>

<p>What is the best way to do this using JQuery?</p>
