title: Inspect element that only appear when other element is mouse overed/entered
body: <p>Often I want to inspect an element (e.g. tooltip) that only appears when another element is mouse overed/entered.  The element that appears, is made visible via jQuery's mouseenter event. </p>
  
  <p>I can't inspect the tooltip, since the tooltip disappears when my mouse leaves the containing element. </p>
  
  <p>Is there a way to pause JS events so I could hover on the element, then pause the browser's JS, and successfully inspect it?</p>
  
  <p>For an example, try inspecting Twitter bootstrap's tooltips: <a href="http://getbootstrap.com/javascript/#tooltips">http://getbootstrap.com/javascript/#tooltips</a>.</p>