index as login

<!DOCTYPE html>
<html>
<head>
	<title>Form Login</title>
	<meta name="viewport" content="user-scalable=no, maximum-scalable=1, minimum-scalable=1 width=device-width">
	<script type="text/javascript" src="jquery-2.2.4.min.js"></script>
	<script type="text/javascript">
		$("document").ready(function(){
			$("#login").submit(function(){
				$("#respon").html("<b>Harap Tunggu...</b>");
				$.post("http://webhozz-training.com/aa_rian/cek_login.php", $(this).serialize(), function(data){
					if(data==1)
					{
						var db=window.openDatabase("webhozztraining_aa_rian","10.0.32","Android","100000");
						db.transaction(insertData,onError,onSuccess);
						function insertData(tx)
						{
							tx.executeSql("CREATE TABLE IF NOT EXISTS memberlogin(idmember INTEGER PRIMARY KEY, username varchar, status varchar)");
							var us=document.getElementById("user").value;
							tx.executeSql("INSERT INTO memberlogin VALUES(null,'"+ us +"','"+ data +"')");
						}
						function onSuccess() {
							alert("Berhasil Login");
							window.location.href="data_profil.html";
						}
						function onError(tx,err) {
							alert("Error : "+err);
						}
					}
					$("#respon").html(data);
				}).fail(function(){
					alert("Gagal Login");
				});
				return false;
			});
		});
	</script>
</head>
<body>
	<h2>Form Login</h2>
	<form id="login">
		Username : <br/>
		<input type="text" id="user" name="user" placeholder="Insert Username"><br/><br/>
		Password : <br/>
		<input type="password" id="pass" name="pass" placeholder="Insert Password"><br/><br/>
		<input type="submit" name="submit" value="Login">
	</form>
	<div id="respon"></div>
</body>
</html>