防止 jQuery 在页面刷新后重置？

Question

下面的代码效果很好，直到页面重新加载。页面重新加载后，我的 .active 类就消失了。
我怎样才能让 jQuery 的这部分免疫，所以 .active 类在我在页面之间跳转或只是手动刷新页面后仍然存在？

$('.myclass').click(function(e) {
        e.preventDefault();
        $('.myclass').removeClass('active');
        $(this).addClass('active');
    });

.myclass.active {

color: black;
}

<div class="myclass" onclick="location.href='http://example.com';"> </div>
<div class="myclass" onclick="location.href='http://example.com/page1/';"> </div>