[SOLUCIONADO] Problema entre jquery y css en un menu de navegacion

[Aronofsky]

Hola muy buenas

Estoy intentando hacer un menu de navegacion, pero no consigo terminarlo del todo como me gustaria. Si alguien pudiera darme alguna pista lo agradeceria

Tengo el menu html

<ul>
<li><a>Buscar</a></li>
<li><a>Empresa</a></li>
<li><a>Remolques nuevos</a></li>
<li><a>Remolques ocasión</a></li>
<li><a>Autos</a></li>
<li><a>Contacto</a></li>
</ul>

Con css le he aplicado un estilo hover para cambiar el color al pasar el raton por encima

a:hover{
color: #fff;
background-color: #A4DE70;
}

Y ahora con jquery lo que queria hacer es que al pinchar en un enlace, este se quede seleccionado, con el color como cuando el hover, y así el usuario sepa en que seccion esta. Este es el codigo que tengo

$('li a').click(function(){

$('li a').css('background-color', '#a6d0ea'); <-- Color de fondo del menu
$(this).css('background-color', '#A4DE70');

});

El problema es que al hacer esto el hover deja de funcionar, el cambio de un link a otro al hacer click si funciona pero una vez que haces click el hover ya no ¿Alguien podria darme alguna pista por favor? Muchas gracias

[rottenp4nx]

Crea una clase aparte

y usa addClass de Jquery

Código Javascript:

$(this).addClass("clase");
 

Saludos

[Aronofsky]

Iniciado por rottenp4nx

Crea una clase aparte

y usa addClass de Jquery

Código Javascript:

$(this).addClass("clase");
 

Saludos

Muchas gracias funcionó! Después de armarme un lío enorme con el orden de las instrucciones que ya no sabía cual se ejecutaba antes o despues conseguí hacerlo

$('li a').click(function(){

$(this).addClass("click");
$('.click').css('background-color','#a6d0ea'); <-- Color de fondo
$(this).css('background-color','#A4DE70');

});