jquery - jQuery で送信された Ajax フォームがイベントを発生させない

Question

ajax フォームがあり、jQuery 経由でフォームを送信すると、イベント ハンドラーがトリガーされません。誰かが私のやり方の誤りを見つけることができますか?

index.cshtml

//abbreviated
@Html.Partial("_derp")
//abbreviated
<input type="button" value="Derpina" onclick="derpinski()" id="derpButton" />
//abbreviated
<div id="spinner" style="display: none;">
    <img src="../images/loading.gif">
</div>

_derp.cshtml

<div>
    @using (Ajax.BeginForm("DoTheDerp", "Derp", null, new AjaxOptions()
        {
            LoadingElementId = "spinner",
            OnBegin = "DerpBegin", 
            OnComplete = "DerpComplete"
        }, new {id = "theDerpForm"}))
    {
        //abbreviated stuff
    }
</div>

derp.js

function derpinski()
{
    //abberviated
    $("#theDerpForm").submit();
}

function DerpBegin()
{
    alert("begin");  // never fires
}

function DerpComplete()
{
    alert("complete") // never fires
}

「スピナー」は表示されず、Begin 関数と Complete 関数もトリガーされません。unobtrusive-ajax javascript を含める必要があることをどこかで読みましたが、すでにそれを行っていますが、効果はありません。どんな助けでも大歓迎です、ありがとう。