My code
index.php
<!DOCTYPE html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
</head>
<body>
<script>
$(document).ready(function() {
$("#verifica").click(function(){
$("#risultati").html("Please wait...");
$.ajax({
type: "POST",
url: "go.php",
data: $("#ciao").serialize(),
dataType: "html",
success: function(msg)
{
$("#risultati").html(msg);
},
error: function()
{
$("#risultati").html("An error occurred.");
}
});
});
});
</script>
<form name="ciao" id="ciao" action="#">
<input type="text" id="zio" name="zio">
<input type="submit" onclick="return:false;" name="verifica" id="verifica" value="go">
</form>
<div id="risultati"></div>
</body>
go.php
<!DOCTYPE html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
</head>
<body>
<script>
$("#zio").focus();
</script>
</body>
What it should do
Focusing #zio when form has completely submitted to go.php via jquery.
What's not working
While form data is submitted, #zio is not focused.
My question
How can I fix my code?