Salve a tutti, sto cercando di fare una funzione Jquery che cambi il contenuto di un div sul mousein e mouse out.

Esempio
codice:
<html>
<head>
 <script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("p").hover(function(){
    	$("span").replaceWith( "SECONDN TEXT
SECOND TEXT" );
    },function(){
		$("span").replaceWith( "FIRST TEXT
FIRST TEXT" );
  });
});
</script>
</head>
<body>
<p style="background-color:red; position:absolute"><span id="a">FIRST TEXT
FIRST TEXT</span></p>
</body>
</html>
Questo FUNZIONA sul mouse IN, ma non fa nulla sul mouse Out

Qui potete provare il codice live: http://www.w3schools.com/jquery/tryi..._html_text_set

Mi date una mano? Grazie!