jQuery: trigger click() doesn't work?
<p>Why clicking on <code>trigger1</code> and <code>trigger2</code> doesn't fire click on <code>open</code> ?</p>

<pre><code>&lt;a id="trigger1" href="#" onclick="jQuery('#open').trigger('click');"&gt;trigger1&lt;/a&gt;  
&lt;a id="trigger2" href="#" onclick="jQuery('#open').click();"&gt;trigger2&lt;/a&gt;
&lt;a id="open" href="http://google.com"&gt;open&lt;/a&gt;
</code></pre>

<p>Using <a href="http://api.jquery.com/ready/">ready</a> (<code>trigger3</code>) doesn't work too:</p>

<pre><code>&lt;a id="trigger3" href="#"&gt;trigger3&lt;/a&gt;
</code></pre>

<p>...</p>

<pre><code>jQuery(document).ready(function(){    
  jQuery('#trigger3').bind('click', function(){
      jQuery('#open').html('to be fired'); /* works */
      jQuery('#open').click();        
  });

  jQuery('#trigger3').click(function(){
      jQuery('#open').html('to be fired'); /* works */
      jQuery('#open').click();
  });
});
</code></pre>
