jquery login problem when i click on buy now button
my 'index.html' i have added a script login.js
<!DOCTYPE HTML>
<html>
<head>
<title>hygo</title>
<meta name="viewport" content="width=device-width,initial-scale=1"/>
<link rel="stylesheet" href="css/jquery.mobile-1.2.0.min.css" />
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/jquery.mobile-1.2.0.min.js"></script>
<script src="js/login.js"></script>
<script src="js/category.js"></script>
<script src="js/subcategory.js"></script>
<script src="js/product.js"></script>
<script src="js/detailpage.js"></script>
</head>
<body>
<div data-role="page" data-theme="a" id="mypage">
<div data-role="header">
<h1>hygo</h1>
</div>
<div data-role="content" id="matches">
<ul id="resultlist" data-role="listview" data-theme="f" data-inset="true" >
</ul>
</div>
<div data-role="footer">
<h4>footer</h4>
</div>
</div>
</body>
</html>
login.js
function onSuccess(data, status)
{
data = $.trim(data);
$("#message").text(data);
$.mobile.changePage($('#second'+ $username));
}
function onError(data, status)
{
data = $.trim(data);
$("#message").text(data+ " " + status);
//$.mobile.changePage($('#second'+ $username));
}
$(document).ready(function() {
$("#submit").click(function(){
var formData = $("#callAjaxForm").serialize();
$.ajax({
type: "POST",
url: "http://siliconsoftwares.in/store/jsonlogin.php",
cache: false,
data: formData,
success: onSuccess,
error:onError,
});
return false;
});
});
under buy button i have added a loginacc.html page but the script of login.js didn't recognize no action is performed so tell me wht's the problem here..
please reply me asap because i need your help.