title: Jquery mobile: How to detect click on video control bar button in IE10?
body: <p>I need to get the id of the video tag when a button on it's control bar is clicked.<br>
  This works in FF but not in IE10.</p>
  
  <pre><code>&lt;body&gt;
      &lt;div id='video1' class='catPage' data-role='page'&gt;
          &lt;ul id='ul_0' class='catList' data-role='listview' data-filter='true'&gt;";
              &lt;li class='linkCont'&gt;
                  &lt;p class='linkpara'&gt;Video1 Title&lt;/p&gt;
                  &lt;div class='vidCont'&gt;
                      &lt;video id='video1' controls poster='video1_img' preload='metadata' width='224' height='128'&gt;
                          &lt;source src='videos/video1.ogv' type='video/ogg' /&gt;
                          &lt;source src='videos/video1.webm' type='video/webm' /&gt;
                          &lt;source src='videos/video1.mp4' type='video/mp4' /&gt;
                          Your browser does not support the video tag.
                      &lt;/video&gt;
                  &lt;/div&gt;
              &lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  
  &lt;script&gt;
      (function($){})(window.jQuery);// remap jQuery to $
  
      $(document).on('pageinit',function () {
          $("video").each(function(){
              $(this).on('click', function(event){
                  console.log('vidTagId = ' + $(this).attr('id'));
           });
      });
  &lt;/script&gt;
  </code></pre>