title: keypress on iframe document gets whole html as target (not exact node)
body: <p>I have an iframe with designMode="on" <em>(Yeah - I know this is bad thing)</em></p>
  
  <p>I should catch clicking on it and keypressing and echo the node name of target element.</p>
  
  <pre><code>$(function() {
  
  var editor = $("#editor")[0].contentWindow;
  var doc = editor.document;
  editor.document.designMode = "on";
  doc.open();
  doc.write('&lt;div id="dummy"&gt;test&lt;/div&gt;');
  doc.close();
  // find iframe body
  var $body = $("#editor").contents().find('#dummy').parent();
  // clean after finding
  $body.html('&lt;div&gt;Hello&lt;/div&gt;');
  
  var report = function(e) {
      $("#result").html(
      $("#result").html() + " " + e.target.nodeName.toLowerCase());
  };
  
  $body.click(report);
  
  // $body.keypress(report) -&gt; doesn't work
  // only $(doc).keypress works:
  $(doc).keypress(report);
  });
  </code></pre>
  
  <p>When I click on word "Hello" - I get "div" - it's correct, but when I keypress on it - i get "html" instead "div". How to fix this?</p>
  
  <p><a href="http://jsfiddle.net/fJLTG/" rel="nofollow">http://jsfiddle.net/fJLTG/</a></p>