title: JQuery detect lost focus to another element on the page but not lost focus of the browser
body: <p>Using jquery I am detecting the lost focus on a textbox using the blur event.</p>
  
  <p>I am then hiding the textbox and replacing it with a label containing the text entered.</p>
  
  <p>My problem is that this event is fired even when the browser lose the focus (which under linux/firefox happen even when pressing the "Alt Gr" key to insert a special character like the arobase @ in the textbox)</p>
  
  <p>Is it possible to detect a focus lost only to another element on the page ?</p>
  
  <p>Edit: add example jsfiddle
  <a href="http://jsfiddle.net/XMp5n/" rel="nofollow">http://jsfiddle.net/XMp5n/</a></p>
  
  <p>Relevant code:</p>
  
  <pre><code>$('#emailField').blur(function() {
      $('#emailField').hide();
      $('#emailFieldLabel').show();
  });
  </code></pre>