Could someone please explain why my function B() is not responding?
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
var sessionID=null ;
function A() {
$.getJSON('http://url.php?id=login&email='+document.getElementById("txtemail").value+'&password='+document.getElementById("txtpassword").value,
function (data) {sessionID = data.session_id;
alert(data.status);
alert(data.msg);
alert(data.user_id);
alert(sessionID);
});
}
function B() {
$.getJSON('http://url.php?id=chat_init&sess_d='+sessionID+'&user_id='+document.getElementById("user_id").value+ '&to_id='+document.getElementById("to_id").value,
function (data) {
alert(data.status);
alert(data.msg);alert(data.room_id);
});
}
</script>
</head>
<body>
Username : <input type="text" id="txtemail" />
<br/><br/>
Password : <input type="password" id="txtpassword"/><br/>
<input type="button" value="Login" onclick="A()" /><br />
My id is : <input type="text" id="user_id" /> <br /><br />
To ID is : <input type="text" id="to_id" /><br /><br />
<textarea rows="10" cols="25">
</textarea><br /><br />
<textarea rows="2" cols="18"> </textarea>
<input type="button" value="Initialize chat" onClick="B()">
</body>
</html>
This is the snippet of code I am referencing.