将keydown事件绑定到（“ ENTER”）键不会发生

Question

我正在尝试使用keydown（enter）提交表单，并通过所需的功能将其发送。但是当我按下Enter键时，它显示出类似于HTML按钮类型为Submit的行为。

这是我的JQuery代码：

$(".code").keydown(function (e) {
    var code = e.keyCode || e.which;
    if (code == 13) {
        event.preventDefault();
         $("body").append("Keydown triggered.\n");
        sendConfirmPhoneNumberCode();
        return false;
    }
});

这是我的html：

<form class="newRegister-formBox basketForm" id="confirmPhoneNumberForm" autocomplete="off">
    <input type="hidden" id="returnUrl" value="@ViewBag.ReturnUrl" name="ReturnUrl">
    <div class="newRegister-formBox">
        <div class="formElement newRegister-input">
            <i class="fa fa-key loginIcone"></i>
            <input autocomplete="off" type="text" name="code" id="code" class="form-control persianDigitInput" placeholder="enter code">
        </div>
        <div class="newRegister-button">
            <button type="button" id="send-confirm-phone-number-code" class="animateBtn greenAnimateBtn">
                <i class="fa fa-check"></i>
                confirm
            </button>
        </div>
    </div>
</form>

以下是此链接中的实时代码展示：http://jsfiddle.net/a521k7yr/