title: Select (expand) a dropmenu when clicking on another element
body: <p>I have a div containing a select menu and another element (<em>.dropArrow</em>).</p>
  
  <p>What I would like to do is select the menu when you click on .dropArrow.</p>
  
  <p>Here's the jquery I've tried so far but with no success...</p>
  
  <pre><code>$(".dropArrow").live('click', function() {
      $(this).siblings("select").click();
  });
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;div class="selectContainer selectTest" style="width: 305px;"&gt;
      &lt;select id="selectTest"&gt;
          &lt;option value="1"&gt;1&lt;/option&gt;
          &lt;option value="2"&gt;2&lt;/option&gt;
          &lt;option value="3"&gt;3&lt;/option&gt;
          &lt;option value="4"&gt;4&lt;/option&gt;
      &lt;/select&gt;
      &lt;span class="dropArrow"&gt;^&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I'm guessing it's the .click() part that's wrong as I can change that to something like .hide() and it works fine.</p>