title: Trigger a select form element to show its options (open drop down options list) with Javascript
body: <p>Here is the markup </p>
  
  <pre><code>&lt;select id="person_prefix" name="prefix"&gt;
   &lt;option value=""&gt;&lt;/option&gt;
   &lt;option value="Dr" selected="selected"&gt;Dr&lt;/option&gt;
   &lt;option value="Mr"&gt;Mr&lt;/option&gt;
   &lt;option value="Ms"&gt;Ms&lt;/option&gt;
   &lt;option value="Mrs"&gt;Mrs&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>and I want to trigger a javascript event so that the option list drops down. Using jquery I've tried the following:</p>
  
  <pre><code>$("#person_prefix").click();
  $("#person_prefix").mousedown();
  $("#person_prefix").change();
  </code></pre>
  
  <p>but nothing seems to work. Which event is this and how can be triggered?</p>
  
  <p>Thanks</p>