title: Firing an Event on <video> end with JQuery selector
body: <p>I'm firing an event when a video is completed using:</p>
  
  <pre><code>video.addEventListener("ended", function() {
      //whatever
  });
  </code></pre>
  
  <p>This works if I grab the selector via pure javascript: <code>var video = document.getElementById('test');</code></p>
  
  <p>This doesn't work if I grab the selector via jQuery: <code>var video = $("#test");</code></p>
  
  <p>Why is this the case? <a href="http://jsfiddle.net/MathiasaurusRex/w4zahwk9/3/" rel="nofollow">Here's the accompanying JSFiddle</a> </p>