title: On button click slide and focus on search input in jquery mobile
body: <p>I have made this UI with jquery mobile, here i am doing is on button click a search input slide down for search... and likewise it will focus on the input box...</p>
  
  <p>This is the script i am using,</p>
  
  <pre><code> $(function() {
  
      $( ".opensearch" ).on( 'tap', tapHandler );
  
      function tapHandler( event ) {
        $('.search_field').slideToggle();
        setTimeout(function(){
           $('.search').focus().tap();
          },0);
      }
  
  });
  </code></pre>
  
  <p>I have tested it on <strong>Opera Mobile and iphone</strong> but the problem is that the focus doesnt happen means it should show the <em>browser keyboard</em> if applied <code>focus()</code> on it...</p>
  
  <p>Is my code correct or something else? Is pure javascript is the solution for making this work?</p>
  
  <p>Here is a non-working demo of it, <a href="http://jsfiddle.net/aH4QM/show/" rel="nofollow">http://jsfiddle.net/aH4QM/show/</a></p>