Hola gente, me gustaría que al cargar la página web el logotipo apareciera como un fadeIn.
 
Aquí os muestro el código que tengo.    
   
Código CSS:
Ver originalheader {
    width: 100px;
    margin: 20px auto;
    height: 100px;
    background: url(../images/logo-prat-basses2.png) no-repeat;
}
  
Esto lo meto antes del cierre de la etiqueta <body>:   
Código Javascript
:
Ver original<script>
        $(document).ready(function () {
          $("header").fadeIn(5000);
        }); 
 </script>
  
Dentro de la etiqueta <head> he introducido  <script src="http://code.jquery.com/jquery-latest.js"></script> 
Porqué no se ejecuta? 
Gracias de antemano ;)