Jak mogę przechowywać pliki cookie wybranego elementu menu z pamięcią lokalną?

Menu-

<ul class="nav nav-pills">
    <li class="active"><a href="#" >Customers</a></li>
    <li><a href="#" >Statics</a></li>
    <li><a href="#" >payroll</a></li>
</ul>

Przełączanie aktywnej klasy

<script type="text/javascript">
    $(function () {
        $('.nav-pills li').click(function () {
            $(this).siblings().removeClass('active');
            $(this).addClass('active');
        });
    });
</script>

Korzystając z magazynu lokalnego próbowałem -

<script type="text/javascript">
    $(function () {
        $('.nav-pills li').click(function () {
            $(this).siblings().removeClass('active');
                var menuactive = localStorage.setItem('mySelectValue', $(this).addClass('active');
                $(this).addClass(localStorage.getItem('mySelectValue'));
            });
        });
</script>

Teraz mi to nie pomogło.

Jak przechowywać aktywną klasę w pamięci lokalnej? Tracę tę aktywną klasę, gdy strona jest odświeżana. To pytanie jest zadawane wiele razy, ale nie udało mi się tego zrobić.