jQuery trigger click (or select) on chosen dropdown option
<p>I'm trying to trigger a click function on page load with jQuery on chosen's dropdown option so that the follow-up action can take place but haven't been able to get it work.</p>

<p>I've tried:</p>

<pre><code>jQuery("document").ready(function() {
setTimeout(function() {
    jQuery("customlist_chzn_o_2").trigger('click');
},10);
</code></pre>

<p>or</p>

<pre><code>jQuery("document").ready(function() {   
    jQuery('#customlist').val(9).trigger("chosen:updated")  
});
</code></pre>

<p>or</p>

<pre><code>jQuery("document").ready(function() {   
    jQuery('#customlist_chzn_o_2').trigger("chosen:updated")    
});
</code></pre>

<p>None of them are working, please note that my select's id is <code>#customlist</code> the id of dropdown element in chosen which I need to click is <code>#customlist_chzn_o_2</code> and the value of the select option is <strong><em>9</em></strong></p>