用Cookie隐藏显示内容

我想创建一个表单，该表单在提交时设置Cookie，然后根据Cookie的存在来隐藏或显示后续页面上的内容。

我已经在窗体上使用了jquery.cookie.js和以下代码：

    $(document).ready(function () {
        $(".button").on('click',function() {
            $.cookie('showcontent', true, { expires: 7 });
          });
    }); 

以及以下页面上的代码：

的CSS

    .contentA {
    display: none;}

Java脚本

if (!$.cookie('showcontent')) {
    $( ".contentA" ).show();
    $( ".contentB" ).hide();
}

的HTML

<div class="contentA">  
    <h1>Content A</h1>
</div>

<div class="contentB">  
    <h1>Content B</h1>
</div>

目前，它无法正常工作，因此我们将不胜感激。