title: jquery trigger bug
body: <p>I have this</p>
  
  <pre><code>...
  &lt;li style="padding: 50px;"&gt;
     &lt;a href="blabla" style="background:red;"&gt;Click Me&lt;/a&gt;
  &lt;/li&gt;
  ...
  </code></pre>
  
  <p>As you all may know that the <code>&lt;a&gt;</code> tag will be smaller in size.
  I want to use jquery as so...</p>
  
  <pre><code>$('li').click(function (){
     $(this).find('a').trigger('click');//does not work :(
     alert($(this).find('a').attr('href'););//returns blabla//which is correct
  });
  </code></pre>
  
  <p>Any ideas why the <code>&lt;a&gt;</code> cannot be triggered in this way ? 
  PS</p>