Botón activo de menú con click

[agustinpak]

Buenas Gente! No puedo dejar activo el menú! Sucede que como no cambio de pagina, recargo todo en la misma, no se como dejar el botón seleccionado activo. Intente así pero no me sale. Alguien ve el error? Gracias!

Código CSS:

#menu li.activa {
  background-image: url(../../imagenes/pest_activa.png);
}
 

Código HTML:

<script>
            $(document).ready(function(){
      
                $('#inicio').click(function(){
                        $('#inicio').removeClass("li.activa");
                        $(this).addClass("li.activa");
                        });      
      
                $('#redes').click(function(){
                        $('#redes').removeClass("li.activa");
                        $(this).addClass("li.activa");
                        }); 
 
                $('#quienes_somos').click(function(){
                        $('#quienes_somos').removeClass("li.activa");
                        $(this).addClass("li.activa");
                        }); 
 
                $('#contacto').click(function(){
                        $('#contacto').removeClass("li.activa");
                        $(this).addClass("li.activa");
                        }); 
                                        });
        </script>  
 
<div id="posmenu">
    <ul id="menu">
      <li><a href="#" id="inicio">Inicio</a></li>
      <li><a href="#" id="redes">Redes</a></li>
      <li><a href="#" id="quienes_somos">Quienes Somos?</a></li>
      <li><a href="#" id="contacto">Contacto</a></li>
    </ul>
    </div>