title: How to trigger an iframe event Jquery
body: <p>I have an IFRAME and I want to trigger an event (which is inside the iframe) from the parent of an IFRAME:</p>
  
  <p><strong>Just a rough example</strong> of what I am trying to do :</p>
  
  <pre><code>&lt;iframe id="i"&gt;
    &lt;div id="test"&gt;&lt;/div&gt;
    &lt;script&gt;
    $(document).ready(function() {  // Event is binded inside the iframe 
  
     $("#test").live({ click : function() { alert("hello"); } });
    });
    &lt;/script&gt;
  &lt;/iframe&gt;
  
  &lt;script&gt;
  $(document).ready(function() { // Want to trigger it from outside the iframe
   $("#i").contents().find("#test").trigger("click");
  });
  &lt;/script&gt;
  </code></pre>