hi
i have made a hello world AJAX application but it does not give required output.i want to display result in 2nd textfield..but the condition "if(xmlHttp.readyState==4)" never becomes true...here is the code(both client and server side).plz help me in finding error

Client Side:-

<script>
var xmlHttp;
function startReq(){
createXmlHttpRequest();
var u1=document.myForm.tf1.value;
xmlHttp.open("GET","http://localhost:8084/AJAX/Taymoor?user="+u1 ,true);
xmlHttp.onreadystatechange=handleStateChange();
xmlHttp.send(null);
}

function createXmlHttpRequest(){
if(window.ActiveXObject)
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
else
xmlHttp=new XMLHttpRequest();
}

function handleStateChange(){
if(xmlHttp.readyState==4){
if(xmlHttp.status==200){
var message =xmlHttp.responseXML.getElementsByTagName("message")[0].childNodes[0].nodeValue;
alert(message);
document.myForm.tf2.value=message;
}else{
alert("Error loading pagen"+ xmlHttp.status +":"+xmlHttp.statusText);
}
}
}
</script>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>AJAX</title>
</head>

<body>
<form name ="myForm" action="">
<tr>
<td width="36%">
Userid
</td>

<td width="33%">
<input type="text" name="tf1" onblur="startReq();"/>
</td>

<td>
<input type="text" name="tf2"/>
</td>

</tr>
</form>
</body>
</html>


Server Side:

response.setContentType("text/xml");
response.setHeader("Cache-Control", "no-cache");
PrintWriter out = response.getWriter();
String s;
try {
String targetId = request.getParameter("user");

if ((targetId != null) && targetId.equals("taymoor")) {
s="<message>true</message>";
out.write(s);
}else{
s="<message>false</message>";
out.write(s);
}
} finally {
out.close();
}


Thanx in advance