jqm

app.js
==============================================================
$(document).on("mobileinit", function () {
   $.mobile.defaultPageTransition = "none";
    $.extend(  $.mobile , {
       ajaxEnabled: false,
       hashListeningEnabled: false
   });
});

$(document).on('pagebeforeshow', "#index",function () {
    $(document).on('click', "#FormRegister",function () {
        $.mobile.changePage('register.html', {
            dataUrl : "register.html",
                reloadPage : false,
                changeHash : true
        });
    });
});

$(document).on('pagebeforeshow', "#Register",function () {
    $(document).on('click', "#register_now",function () {
        RegisterProccess();
    });
});

function RegisterProccess(){
    //Ajax Proses Here
}


index.html
==============================================================
<!DOCTYPE html>
<META HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE">
<META HTTP-EQUIV="PRAGMA" CONTENT="NO-CACHE">
  <html>
    <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="widdiv=device-widdiv, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <title>Home Page</title>
    <link rel="stylesheet"  href="css/themes/default/jquery.mobile-1.3.1.css">
    <script src="js/jquery.js"></script>
    <script src="app.js"></script>
    <script src="js/jquery.mobile-1.3.1.min.js"></script>
   </head>
   <body>
    <!-- Home -->
    <div data-role="page" id="index" class="jqm-demos">

        <div data-role="header" class="jqm-header" data-position="fixed">
        <h1>Index</h1>
    </div><!-- /header -->

        <div data-role="content">
           <a href="#" id="FormRegister" data-ajax="false">Login</a>
        </div> <!--content-->

    </div><!--page-->
  </body>
</html>


register.html
==============================================================
<!DOCTYPE html>
<META HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE">
<META HTTP-EQUIV="PRAGMA" CONTENT="NO-CACHE">
  <html>
    <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="widdiv=device-widdiv, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <title>Register Page</title>
    <link rel="stylesheet"  href="css/themes/default/jquery.mobile-1.3.1.css">
    <script src="js/jquery.js"></script>
    <script src="js/jquery.mobile-1.3.1.min.js"></script>
   </head>
   <body>
    <!-- Home -->
    <div data-role="page" id="Register">

        <div data-role="header" class="jqm-header" data-position="fixed">
        <h1>Register Page</h1>
    </div><!-- /header -->

        <div data-role="content">

        </div> <!--content-->

    </div><!--page-->
  </body>
</html>