title: How will I open the option list of an HTML select box from another HTML control?
body: <p>How will I open the option list of an HTML select box from another HTML control?</p>
  
  <p>For instance, I've the following code.</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;select&gt;
      &lt;option&gt;Select&lt;/option&gt;
      &lt;option&gt;Male&lt;/option&gt;
      &lt;option&gt;Female&lt;/option&gt;
  &lt;/select&gt;
  
  &lt;span&gt;Click Here&lt;/span&gt; to select an open from the option box.
  </code></pre>
  
  <p>SCRIPT</p>
  
  <pre><code>$('span')
      .bind('click', function(){
          $('select').trigger('click');
      });
  </code></pre>