javascript - onblur イベントが Html.TextBoxFor ヘルパーから発生しない

Question

次のような TextBoxFor ヘルパーからいくつかの JavaScript コードを呼び出す例に従いました。

<%=Html.TextBoxFor(c => Model.Birthdate, new { @class = "datepicker", maxlength = 10, @onblur = "chkBirthday" })%>

asp:Content ヘッダー内の私の JavaScript は次のようになります。

<script type="text/javascript">
$(document).on("blur", "select[name=MainContent_Birthdate]",
    function chkBirthday() {

        document.getElementById("MainContent_ErrorMessage").visibility = 'visible';
        document.getElementById("MainContent_ErrorMessage").innerHTML = 'Testing';

    });

関数に alert("Testing") を入れる、行 $(document) を削除する、要素に完全な名前 (MainContent プレフィックス) を付けるなど、ヘルパーからタブを外したときに何かを取り戻すためにいくつかのオプションを試しましたが、何もしませんでした動作します。

開発ツールで Chrome を使用していますが、ヘルパーによって生成された要素名が正しいことがわかります。何が悪いのかわからない。

誰か助けてくれませんか？