如何根据Cookie值切换MVC标头？

Question

我在MVC环境中有一个常规的HTMl头，看起来像是跟随HTMl标记：

<header>
    <div class="content-wrapper">

        <div class="float-left">
            <p class="site-title">@Html.ActionLink("Promotional Sponsorship", "Index", "Applications")</p>
        </div>
        <div id="Navbar" class="float-right">
            <nav>
                <ul id="menu">
                    <li>@Html.ActionLink("Applications", "Index", "Applications")</li>
                    <li>@Html.ActionLink("Vendors", "Index", "Vendors")</li>
                    <li>@ViewBag.UserName</li>
                </ul>
            </nav>
        </div>
    </div>
    @RenderSection("scripts", required: false)
</header>

现在，我想基于cookie值显示/隐藏此标题，并且我确实遵循我认为可以完成工作的Javascript。另外，如果我把firebug调试器放在上面，看起来好像是在点这段代码，但它似乎没有基于Cookie值切换任何东西：

script type="text/javascript">
    $(document).ready(function () {
        if ($.cookie("IsRep") == true) {
            $('#Navbar').hide();
        }
    });
</script>

我不确定我做错了什么。有什么想法吗？