how to convert this code to jquery
<div dir="ltr">hi,
any one tell how to convert this code to jquery
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd</a>">
<html xmlns="<a href="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a>">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type='text/javascript' src='md5.js'></script>
<script type="text/javascript">
var XMLHttpArray = [
function() {return new XMLHttpRequest()},
function() {return new ActiveXObject("Msxml2.XMLHTTP")},
function() {return new ActiveXObject("Msxml2.XMLHTTP")},
function() {return new ActiveXObject("Microsoft.XMLHTTP")}
];
function createXMLHTTPObject(){
var xmlhttp = false;
for(var i=0; i<XMLHttpArray.length; i++){
try{
xmlhttp = XMLHttpArray[i]();
}catch(e){
continue;
}
break;
}
return xmlhttp;
}
function AjaxRequest(url,method){
var req = createXMLHTTPObject();
req.onreadystatechange= function(){
if (req.readyState == 4){
if (req.status == 200){
var resarray = req.responseText.split("<#>");
document.getElementById('question').innerHTML= resarray[0];
document.getElementById('ans1').value = resarray[1];
document.getElementById('ans2').value = resarray[2];
}
else if (req.status == 404){
alert("Request URL does not exist");
}
else {
alert("Error: status code is " + req.status);
}
}
}
req.open(method,url,true);
//req.setRequestHeader('User-Agent', 'My XMLHTTP Agent');
req.setRequestHeader("Content-Type", "text/html");
req.send(null);
}
function AjaxResponse(req){
var respXML=req.responseXML;
if(!respXML) return;
var respVAL=respXML.getElementsByTagName('family')[0]
.getAttribute('result');
document.getElementById("status").innerHTML += respVAL;
}
function ClearResponse(){
mdiv=document.getElementById("status");
mdiv.innerHTML = "";
}
function MakeRequest(){
//AjaxRequest("cap.php?id=1","get");
AjaxRequest("cap.php?id=1","get");
}
function handleKeyPress(e){
var key=e.keyCode || e.which;
if (key==13){
check();
//form.submit();
//return false;
}
}
function check()
{
var chk = document.getElementById('hash').value ;
alert(chk);
var chk1 = document.getElementById('ans1').value;
var chk2 =document.getElementById('ans2').value;
if((chk == chk1) || (chk == chk2))
{
alert("success");
return;
}
else
{
alert("failure");
document.getElementById('question').innerHTML= '';
document.getElementById('ans1').value = '';
document.getElementById('ans2').value = '';
MakeRequest();
}
}
</script>
</head>
<body onload = "MakeRequest();">
<form name="fcap"
id="signup" action="post" onsubmit="return false;">
<div id="question"></div>
<input type="text"
name="capt"
id="capt"
size="40"
maxlength="100"
onkeyup="this.form.hash.value = MD5(this.form.capt.value)" onkeypress="return handleKeyPress(event);"/>
<input name="ans1" id="ans1" type="hidden" value="">
<input name="ans2" id="ans2" type="hidden" value="">
<input name="hash" id="hash" type="hidden" value="">
<input type="button"
onClick="check();" value="submit" >
</form>
</body>
</html>
bye
</div>