jquery - jqueryを使用してリンクの複数回のクリックをリッスンします

Question

レイアウト ページによってすべてのページに含まれる _Header という 1 つのファイルに次のものがあります。

@{
    ViewBag.Title = "_Header";
}

<header>
    <a id="home" href="#">MenuEditor</a>
</header>

<script type="text/javascript">
        $(function () {
            var a = document.getElementById("home");
            a.onclick = function () {
                $("#main").load("@Url.Content("/Home/")");
                return false;
            };
        });
</script>

私のレイアウト ページには、各ページのすべてのコンテンツを含む #main という div があり、変更する必要があります。

<div id="main">
        @RenderBody()
</div>

私の問題は、 #main を /Home/ の内容に一度だけ変更することですが、二度と変更しないことです! 最初のクリック後に聞き続ける方法はありますか?