title: Unable to lose focus from an iframe on keypress
body: <p>I have a iframe in my html page.
  I have attached key events on my html document.</p>
  
  <p>When I pressed "a" or "z" I can do something like addClass or removeClass.</p>
  
  <p>So in that block when I try to add focus to an iframe it gets added. But with a key event I cannot lose focus (blur) an iframe.</p>
  
  <p>Here is the sample code:</p>
  
  <pre><code>    switch (myKey) {
          case 'a':
              $('div').append("&lt;p&gt;a pressed&lt;/p&gt;");
              $("iframe").addClass("thick");
              $("iframe").focus();
              break;
          case 'z':
              $('div').append("&lt;p&gt;z pressed&lt;/p&gt;");
              $("iframe").removeClass("thick");
              $("iframe").blur();
              break;
          default:
              //console.log('keycode', keycode);
      }
  </code></pre>
  
  <p>Can any one help me and tell me where it is wrong?</p>
  
  <p>Fiddle - <a href="http://jsfiddle.net/hgXyq/70/" rel="nofollow">http://jsfiddle.net/hgXyq/70/</a></p>