jquery - update nav without reloading -

this question has answer here:

• add & remove active class navigation link 4 answers

i'm looking simple method swap active state (color) of navigation without page reload.

1. this should happen when 1 nav button pressed. should change it's state active, , change other buttons non-active state.
2. i'm new jquery, seems there have been simple solution there. if there sure haven't come across it.

i believe answer have been trivial put yourself, anyway... .click() , .addclass() it.

$('nav a').on('click', function() {   $('nav a')     .removeclass('active')     .filter(this)     .addclass('active'); }); 

css

a.active {   color: #ff0000; }