title: Change checked radio button when click another <select>
body: <p>I've tried change radio button status, by putting <code>&lt;select&gt;</code> to <code>&lt;label&gt;</code>, but it didn't worked. I need to change checked radio button, when I click another <code>&lt;select&gt;</code>. jQuery or javascript can be used for this task.</p>
  
  <pre><code>&lt;html&gt;
  &lt;body&gt;
      &lt;label for="0"&gt;
          &lt;select id="sorting"&gt;
              &lt;option&gt;0&lt;/option&gt;
              &lt;option&gt;1&lt;/option&gt;
              &lt;option&gt;2&lt;/option&gt;
          &lt;/select&gt;
      &lt;/label&gt;
      &lt;input type="radio" name="gender" value="male" id="0" checked&gt; 
  
  
      &lt;label for="1"&gt;
          &lt;select id="sorting1"&gt;
              &lt;option&gt;0&lt;/option&gt;
              &lt;option&gt;1&lt;/option&gt;
              &lt;option&gt;2&lt;/option&gt;
          &lt;/select&gt;
      &lt;/label&gt;
      &lt;input type="radio" name="gender" value="female" id="1"&gt;
  
      &lt;label for="2"&gt;
          &lt;select id="sorting2"&gt;
              &lt;option&gt;0&lt;/option&gt;
              &lt;option&gt;1&lt;/option&gt;
              &lt;option&gt;2&lt;/option&gt;
          &lt;/select&gt;
      &lt;/label&gt;
      &lt;input type="radio" name="gender" value="other" id="2"&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>