jQuery Mobile form not working -

jQuery Mobile form not working -

i'm using current versions of jquery:

class="lang-html prettyprint-override"><!--jquery--> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> <!--jquery ui--> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.0/jquery-ui.min.js"></script> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css" /> <!--jquery mobile--> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> <script src="http://

i have next html (which copy-pasted docs ensure correctness):

class="lang-html prettyprint-override"><div id="form-pay" data-role="fieldcontain"> <form action="mailer.php" method="post"> <label for="basic">text input:</label> <input type="text" name="name" id="basic" data-mini="true" /> </form> </div>

everything working fine buttons, accordions , animations, reason forms above not working. show unstyled. there initialization need do? docs forms auto-initialized.

am missing anything?

jquery mobile 1.2 (1.2.0) works versions of jquery core 1.7.0 1.8.2.

therefore alter jquery ver 1.8.2 (or 1.8.3)

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>

jsfiddle

or utilize jquery migrate if reason need ver.1.9.x

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script src="http://code.jquery.com/jquery-migrate-1.1.1.min.js"></script>

jsfiddle

jquery-mobile