Effet jquery fadeIn

Bonjour,

Je n'arrive pas à faire l'effet fadeIn sur le logo de mon site. Pire, le logo n'est pas présent.

Voici la partie html:

	<div id="logo" style="display:none;"> 
	<!-- ici c'est le logo-->	
	</div>

Voici la partie css:

#logo{
position: relative;
width:1024px;
height:200px;
border: 1px solid yellow; /* ----Repère----*/
background-image: url("../images/img_miroir_logo.png");
background-repeat: no-repeat; 
background-position: center; 
margin: 0 auto;
z-index: 8;
}

Voici la partie jquery:

jquery(document).ready(function(){

$('#logo').fadeIn("slow");

});

Si j'enlève le display:none dans la partie html, le logo est affiché mais je n'ai pas l'effet escompté.

Merci d'avance pour votre aide