title: How to set the first option on a select box using jQuery?
body: <p>I have two HTML <code>select</code> boxes. I need to reset one <code>select</code> box when I make a selection in another.</p>
  
  <pre><code>&lt;select id="name" &gt;
      &lt;option value=""&gt;select all&lt;/option&gt;
      &lt;option value="1"&gt;Text 1&lt;/option&gt;
      &lt;option value="2"&gt;Text 2&lt;/option&gt;
      &lt;option value="3"&gt;Text 3&lt;/option&gt;
  &lt;/select&gt;
  
  &lt;select id="name2" &gt;
      &lt;option value=""&gt;select all&lt;/option&gt;
      &lt;option value="1"&gt;Text 1&lt;/option&gt;
      &lt;option value="2"&gt;Text 2&lt;/option&gt;
      &lt;option value="3"&gt;Text 3&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>When I select an option of the first <code>select</code> (i.e. <code>id="name"</code>), I need to reset the second <code>select</code> to <code>select all</code>; similarly, when I select an option of the second <code>select</code> (i.e. <code>id="name2"</code>), I need to reset the first <code>select</code> to <code>select all</code>.</p>
  
  <p>How can I do that?</p>