[jQuery] - removeClass ad elemento

[greatciccio]

Ciao Ragazzi,
inizio col dire che non sono un genio con jQuery quindi ho bisogno di un vostro aiuto, vado subito al punto:

in una pagina ho un elenco di a href delle province d'Italia:

Agrigento Alessandria Ancona Aosta .... etc etc

al click di ogni singola provincia aggiungo la classe css active:

$("#" + idprovincia).addClass("active");

se clicco su Agrigento mi diventa bold.... quello che non riesco a fare è che se successivamente clicco su Alessandria la classe active dovrebbe essere rimossa da Agrigento e messa su Alessandria....

attualmente se clicco su Agrigento e poi su Alessandria mi diventano entrambe bold... quando poi la provincia precedentemente cliccata dovrebbe ritornare normale...

mi sapreste aiutare, sapete come fare?

Grazie!

[mxa]

Uno dei tanti modi di farlo:

html
<ul class="province">[*]aosta[*]agrigento[*]bergamo
<ul>

js
$('.province a').on('click', function(){
 $('.province a').removeClass('active');
 $(this).addClass('active');
});