Как правильно использовать localStorage?

Вообщем есть список

<ul class="dropdown-menu" role="menu">
            <li class="vloading active"><a href="">50</a></li>
            <li class="vloading "><a href="">100</a></li>
            <li class="vloading "><a href="">200</a></li>
</ul>

Нужно , чтобы при клике на елемент списка добавлялся класс active и сохранялся локально . Чтобы при следующей перезагрузке страницы он сохранялся . Написал вот такое , но не работает такой код . Как будет правильно ?

$('.vloading').click(function(){
            $(".vloading").removeClass('active');
           window.localStorage.setItem('adding',$(this).addClass('active'));
        if(localStorage.getItem('adding')){
          $(this).addClass('active');
               }
 });
});