I'm using jQuery v1.5.1 and jQuery Mobile v1.0a3 and have the following markup:

2. <div class="testfield" data-role="fieldcontain">
3.     <label for="name">Text Input:</label>
4.     <input type="text" name="name" id="name" value=""  />
5. </div>

This works totally fine if I load it on a common desktop browser. However if I load the page on a mobile device (tested on iPhone 4 and Android v2.2) the input field needs to be selected ("touched") several times until the native keyboard shows up and I can edit the field. The strange thing is, that once selected, the text field can be selected normally (e.g. touch something else and touch textfield again).

When I exclude "jquery.mobile-1.0a3.min.js" the textfield can be edited as normal, so I guess there is a problem with jQuery Mobile. I searched in the documentation for performance optimization, but couldn't find anything for my problem. Additionally I tried to set the focus on the textfield when the page loads in order to "activate" it, but this was not working either.

Thanks in advance

pfischtr