title: event.preventDefault() on keydown isn't working
body: <p>Trying to capture the key presses on a Bootstrap Tab Panel menus, but it just bubbles up ignoring the preventDefault() placed on the tabs's keydown handler.</p>
  
  <pre><code>document.onkeydown = function(e) {
    console.log("document catched the keydown event");
  
  };
  
  $('body &gt; div &gt; ul &gt; li &gt; a').on("keydown",function (e) {
    console.log("handled by the child - stop bubbling please");
    e.preventDefault();
  
  });
  </code></pre>
  
  <p>Example:
  <a href="http://www.bootply.com/xUlN0dLRaV" rel="noreferrer">http://www.bootply.com/xUlN0dLRaV</a></p>
  
  <p>what am i missing here ?</p>