title: How access HTML5 video methods with jQuery?
body: <p>I'm writing an HTML5 app and I'm trying to access native video methods (play, pause, etc...) and use jQuery. I don't want to use any other plugins.</p>
  
  <pre><code>var movie = $('#video_with_controls');
  
  $('#buttonX').click(function() {
              movie.play();
        });
  </code></pre>
  
  <p>But when I execute the preceding code, I get the following console error message: </p>
  
  <pre><code>Object has no method 'play'
  </code></pre>
  
  <p>How do I fix this? Thanks.</p>