PlayBook: jQueryMobile trying to A HREF='next.html' hangs in 'Loading'

PlayBook: jQueryMobile trying to A HREF='next.html' hangs in 'Loading'

  Hello,

I have a very simple PlayBook app using jQueryMobile to demonstrate this issue.  Just hitting the Next button to go to next.html, it just hangs there showing "Loading" and the CPU goes high, any ideas what I'm doing wrong?

 

index.html

<html>
<head>
    <title> test</title>
    <meta id="viewport" name="viewport" content="width=device-width" />
    <link href="jquery.mobile1.0a3.min.css" rel="stylesheet" type="text/css" />
    <script src="jquery-1.5.min.js"></script>
    <script src="jquery.mobile1.0a3.min.js"></script>
</head>

<body>
    <div data-role="page">
        <div data-role="header" data-position="inline" >
            <h1>test</h1>
            <a href="next.html" data-icon="plus" class="ui-btn-right">Next</a>
        </div>
        <div data-role="content">
            <p id="userInput">
                test: <br/>
                <textarea id="txtMessage" rows="3" cols="30"></textarea> <br/>
            </p>
        </div> <!-- /content -->
    </div> <!-- /page -->
</body>
</html>






















 

next.html:

 

<HTML>
    <head>
        <title> test2 </title>
        <meta id="viewport" name="viewport" content="width=device-width" />
        <link href="jquery.mobile1.0a3.min.css" rel="stylesheet" type="text/css" />
        <script src="jquery-1.5.min.js"></script>
        <script src="jquery.mobile1.0a3.min.js"></script>

    </head>
    <body>
        test
    </body>
 </HTML>











 

Thanks