title: jQuery - Twitter Bootstrap - close all popovers on body's any elements focus
body: <p>I'm trying closing any <code>popover</code> is opened when <code>any body element</code> (not the popover itself) <code>is focused</code>,</p>
  
  <p>so i do:</p>
  
  <pre><code> $(document.body).on('focus focusout focusin', function(e) {
    if( e.target.classList.contains('popover') ){return false;}
    else{
      $('*').popover('hide');
    }
    // code to close the popover
  });
  </code></pre>
  
  <p>this works great on <code>Chrome</code> but not on <code>FF</code>, on <code>FF</code> i need to <code>focusin and focusout</code> before the popover is closed.</p>
  
  <p>here is my example working only for chrome: <a href="http://jsfiddle.net/CU5U5/4/" rel="noreferrer">http://jsfiddle.net/CU5U5/4/</a></p>
  
  <p>How can i fix this?</p>