Как сохранить файлы cookie выбранного пункта меню в локальном хранилище?

Меню-

<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>

Активный класс

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

Используя localalstorage я попробовал

<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>

Теперь это не помогло мне.

Как сохранить активный класс в локальном хранилище? Я теряю этот активный класс, когда страница обновляется. Этот вопрос задают много раз, но у меня не было простого способа сделать это.