Salve a tutti ... volevo sapere cosa c'è che non va a questo codice ,il suo compito sarebbe quello di far comparire una pagina html a seconda del link senza ricaricare tutta la pagina


codice:
<html>
<head> 
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"> </script><meta charset="utf-8"> <title>ciaociao</title> 
<!--[if IE]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]--> 
<style> article, aside, figure, footer, header, hgroup, menu, nav, section { display: block; } #content{border:1px solid grey; height:700px; width:900px; background-repeat:no-repeat; background-position: center center; overflow: scroll;} 
ul{list-style-type:none;}
ul li{display:inline;margin-left:20px; padding: 4px; border:1px solid grey;}
 </style> 
<script>
 $(function() { 
        $('li a').live('click', function() {   

$('#content').css("backgroundimage","url(http://www.sanbaldo.com/wordpress/wp...grotation2.gif)");
$('#content').load(this.href, function() { 
                 $('#content').css("background-image", "none");
  }); 
                   return false; 
});
}); 
/* una variante... $(document).ready(function() { $('li a').live('click',function(){ $('#content').css("background-image", "url(http://www.sanbaldo.com/wordpress/wp...grotation2.gif)"); $('#content').load(this.href, function() { $('#content').css("background-image", "none"); }); return false; }); }); ?*/ 
</script> 
</head> 
<body> 
<ul>[*]Pag 1 (pi)[*]Pag 2[*]Pag 3 [/list]
 <p id="content" style="background-image: none;"><h1>Pag2</h1>
 

pag2</p></p> "></div> 
</body> 
</html>
secondo voi cos'è che non va ?? mi appare il paragrafo con l' id="content" vuoto