title: setTimeout on .blur()?
body: <p>I have a menu bar that displays a sub menu bar on hover, and exits when a close option is clicked. I want to have a timeout option, so that the sub-menu closes itself after 5 seconds. I am trying to use .blur() for the main menu losing focus, and then setTimeout(function() {}, 5000); for the timeout portion but the event is not firing. Any advice? (The code contained inside the setTimeout(function() is the same as used to manually exit the menu)</p>
  
  <pre><code>$('#main-nav li a.main-link').blur(function() {
      setTimeout(function () {
          $('#main-nav li a.main-link').removeClass('active');
          $('.sub-links').fadeOut();
          $('#sub-link-bar').animate({
              height: '0px'
          });
          $('#main-nav li a.close').fadeOut();
      }
      , 5000);
  
  });
  </code></pre>