index.html

﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Trial User Session - Sign In</title>
    <link rel="stylesheet" href="jquery.mobile-1.4.5.min.css" />
    <script src="jquery-1.11.2.min.js"></script>
    <script src="jquery.mobile-1.4.5.min.js"></script>
	<script src="jquery-session.js" type="text/javascript"></script>
</head>
<body>
    <div data-role="page" id="signIn">
        <div data-role="header">
            <h1>Trial User Session - Sign In</h1>
        </div>
        <div data-role="main" class="ui-field-contain">
            <p>Please enter your credential:</p>
            <div class="ui-field-contain">
                <label for="dfUserName" class="ui-hidden-accessible">User Name:</label>
                <input name="dfUserName" id="dfsUserName" placeholder="User name" value="" type="text">
                <label for="dfPassword" class="ui-hidden-accessible">Password:</label>
                <input name="dfPassword" id="dfsPassword" placeholder="Password" value="" type="password">
                <label for="btnSignIn" class="ui-hidden-accessible">Sign In:</label>
                <button class="ui-shadow ui-btn ui-corner-all" type="button" id="btnSignIn">Sign In</button>
            </div>
			<br/>
			<a href="#" id="btnGetAccount">Get Account</a>
			<div id="showAccount"></div>
			<br/>
			<a href="#" id="getdata-button">Get JSON Data</a>
			<div id="showdata"></div>
			<br/>
			<a href="#" id="navtoHome">Home</a>
        </div>
        <div data-role="footer">By Masdju</div>
    </div>
</body>
</html>