title: jQuery click event not firing in jQueryMobile
body: <p>Using jQuery jquery-1.9.1.js and jQueryMobile 1.3.1 (Chrome 26/Windows 7) I cannot see why one of these 'click' events bound to #one1 fires and the other doesn't:</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div data-role="page" id="one" data-theme="a"&gt;
      &lt;div data-role="header" data-position="inline"&gt;
          &lt;h1&gt;One&lt;/h1&gt;
      &lt;/div&gt;
      &lt;div data-role="content" data-theme="a"&gt;
          &lt;a href="#" id="one1"&gt;[one]&lt;/a&gt;
          &lt;a href="#two"&gt;two&lt;/a&gt;
          &lt;a href="#three"&gt;three&lt;/a&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>JavaScript:</p>
  
  <pre><code>&lt;script&gt;
  $(document).on( "mobileinit", function() {
      $(document).on('click', '#one1', function(e){
          console.log('firing');
      });
      $('#one1').on("click", function() {
          console.log('not firing');
      });
  }); 
  &lt;/script&gt;
  </code></pre>
  
  <p>When I run it in JSFiddle both events fire when not wrapped in the "mobileinit" event:
  <a href="http://jsfiddle.net/9NRwa/">http://jsfiddle.net/9NRwa/</a></p>
  
  <p>What am I missing here?</p>