Hazlo con CSS:
    
Código CSS:
Ver original- nav.menu li a { 
-   color: black; 
-   transition: color .5s; 
- } 
-   
- nav.menu li:hover a { 
-   color: khaki; 
- } 
Y lo del color de fondo también podrías hacerlo usando CSS. Si mal no recuerdo, con jQuery no se podía animar los cambios de color, hacía falta algún plug-in. Me suena, creo, me parece... 
 
 
Pero aunque se pueda, no veo razón alguna para hacerlo con JavaScript y no con CSS.