Function that dropdowns list of option in "select" element
<blockquote>
  <p><strong>Possible Duplicate:</strong><br>
  <a href="http://stackoverflow.com/questions/249192/how-can-you-programmatically-tell-an-html-select-to-drop-down-for-example-due">How can you programmatically tell an HTML SELECT to drop down (for example, due to mouseover)?</a><br>
  <a href="http://stackoverflow.com/questions/4457076/show-select-dropdown-in-jquery">Show select dropdown in jQuery?</a>  </p>
</blockquote>



<p>Suppose i have an select element like this:</p>

<pre><code>&lt;div&gt;
&lt;label&gt;Colors&lt;/label&gt;
&lt;select class="clients"&gt;
 &lt;option selected="selected"&gt;All&lt;/option&gt;
 &lt;option&gt;Blue&lt;/option&gt;
 &lt;option&gt;Green&lt;/option&gt;
 &lt;option&gt;Yellow&lt;/option&gt;
 &lt;option&gt;Brown&lt;/option&gt;
&lt;/select&gt;
    &lt;img class="select-arrow" src="images/select-arrow.png" /&gt;
&lt;/div&gt;
</code></pre>

<p>i'm very interested in how to dropdown list of option by clicking on the image, for now i've tried </p>

<pre><code>$('document').ready(function(){
    $('.select-arrow').click(function(){
        $('.clients').focus();
    })
})  
</code></pre>

<p>but not sucessed.</p>

<p>Thanks in advance!</p>
