bij click voeg classe toe en behoud deze classe na refresh

nuet

Ik was hier naar aan het zoeken om clientside toch iets te kunnen opslaan.
Een classe toevoegen aan bijvoorbeeld een link die je aanklikt (die je apart kunt stylen) en die na een refresh aanwezig blijft.

<div id="links">
  <ul>
    <li><a href="#" data-id="0">Link 1</a></li>
    <li><a href="#" data-id="1">Link 2</a></li>
    <li><a href="#" data-id="2">Link 3</a></li>
    <li><a href="#" data-id="3">Link 4</a></li>
  </ul>
</div>

$('document').ready(function() {
   if (localStorage.saveActive) {
      $('#links a[data-id="'+localStorage.saveActive+'"]').addClass('currentactive');
   }
   $('#links a').click(function(e) {
      e.preventDefault();
      $('#links a').removeClass('currentactive');
      $(this).addClass('currentactive');
      localStorage.saveActive = $(this).data('id');
   });
});

http://jsfiddle.net/creuh/118/