title: I get a .focus() problem with JQUERY MOBILE
body: <p>I think that focus event doesn't work with JQuery mobile: here is my code. (when I delete the call to the library jquery mobile, it works)</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.css" /&gt;
          &lt;script src="http://code.jquery.com/jquery-1.6.2.min.js"&gt;&lt;/script&gt;
          &lt;script src="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.js"&gt;&lt;/script&gt;
      &lt;/head&gt;
      &lt;script type="text/javascript"&gt;
          $(document).ready(function() {
              $('#acceuil').live('pagecreate', function(event) {
                  $('#declencher').click(function() {
                      $('#cache').focus();
                  });
                  $('#declencher').trigger('click');
              });
          });
      &lt;/script&gt;
      &lt;body&gt;
          &lt;div data-role="page" id ="acceuil" &gt;
              &lt;div data-role="header" data-theme="a" &gt;&lt;h3&gt;aaa&lt;/h3&gt;&lt;/div&gt;
              &lt;div data-role="content"&gt;
                  &lt;input id="cache" type="input"&gt;    
                  &lt;input type="button" id="declencher" value="declencher"&gt;
              &lt;/div&gt;&lt;!-- content--&gt;
              &lt;div data-role="footer" data-theme="a" data-position="fixed"&gt;&lt;h3&gt; Footer &lt;/h3&gt;&lt;/div&gt;
          &lt;/div&gt;
      &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>