title: Adding a class to an element in an iframe using jQuery
body: <pre><code>&lt;iframe src="/demo.php" id="source"&gt;&lt;/iframe&gt;
  
  $('#source').delegate('*', 'hover', function() {
      $(this).addClass('hover');  
  });
  
  $('#source').delegate('*', 'mouseout', function() {
      $(this).removeClass('hover');   
  });
  
  $('#source').delegate('*', 'click', function() {
      alert($(this).html());
      return false;
  });
  </code></pre>
  
  <p>Nothing happens when I mouseover or click on any element inside of the Iframe. The Iframe is on the same domain and I was/am under the impression that as long as the Iframe src is on the same domain it should work.</p>
  
  <p>Any ideas on how to make this work?</p>