Porque ao carregar o documento a div não esconde ? Quando o docmento inicia estou vendo a mensagem da div. O que há de errado com o código?
<html>
<head>
<title>Salvando dados usando Ajax / Jquery</title>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript">
$("document").ready(function(){
var data = {
"action": "teste";
};
data = $(this).serialize()+"&"+$param(data);
$.ajax({
type:"POST",
dataType:"json",
url:"recebe_dados.php",
data:data,
sucess:function(data){
$("msg_retorno").fadeIn("slow");
}
})
$("msg_retorno").hide();
})
setTimeout( "jQuery('#msg_retorno').fadeOut('slow');",3000 );
</script>
</head>
<body>
<form class="formulario" action="salvar_dados.php">
<div class="msg_retorno">Dados alvos com sucesso!</div>
</form>
</body>
</html>
Desde já agradeço a todos.