title: Add click event to iframe
body: <p>I want to add a click event to an <code>iframe</code>. I used <a href="https://stackoverflow.com/questions/1609741/how-to-add-click-event-to-a-iframe-with-jquery">this example</a> and got this:   </p>
  
  <pre><code>$(document).ready(function () {
     $('#left').bind('click', function(event) { alert('test'); });
  });
  
  &lt;iframe src="left.html" id="left"&gt;
  &lt;/iframe&gt;
  </code></pre>
  
  <p>But unfortunately nothing happens.<br>
  When I test it with another element (e.g. a button), it works:</p>
  
  <pre><code>&lt;input type="button" id="left" value="test"&gt;
  </code></pre>