non funziona...


ho nominato l'ul #menu
css
codice:
#menu{
	width:100%;
	margin:0 auto 80px auto;
	padding:0 0  0;
	display:inline-block;
	
}

#menu li{
	display:block;
	width:100%px;
	margin:0;
	padding:0;
	height:33px;
}

#menu li a{
	display:block;
	text-align:left;
	line-height:30px;
	font-size:13px;
	text-decoration:none;
	color:#1f1f1f;
	text-indent:5px;
	font-weight: bold;
}


#menu a:hover{
	background:url(../img/ar.gif)  no-repeat right center #1f1f1f;
	color:#fff;
}
#menu li a.select{
	background:url(../img/ar.gif) no-repeat right center #1f1f1f;
	display:block;
	text-align:left;
	line-height:30px;
	font-size:13px;
	text-decoration:none;
	color:#ffffff;
	text-indent:5px;
	font-weight: bold;
}

html
codice:
<ul id="menu">
[*]HOME PAGE[*]CONDOMINI &amp; LOCAZIONI[*]I NOSTRI SERVIZI[*]COSULENZE[*]DIRITTO CONDOMINIALE[*]INFORMAZIONI &amp; CONTATTI[*]LOGIN
[/list]
ed ho modificato lo script in questo modo...

jquery

codice:
 $(document).ready(function(){
	$('#menu li a').click(function(){
		$('#menu li a.select').removeClass('select');
		$(this).addClass('select');
		// return false
	})
  });

cosa sto sbagliando?