Ajax表单不起作用

Question

我正在尝试使用表单创建一个登录页面：

<form method="post" id="foo" action="http://******/auth/signIn">
        <input type="text" name="username" />
        <input type="password" name="password" />
        <input type="checkbox" name="rememberMe" />
  <input name="submit" type="submit" value="Submit">
</form>

这项工作很好，但重定向到我想避免的下一页，所以我使用了ajax：

$(function() {
$('#foo').submit(function() {
    $.ajax({
        type: $(this).attr('method'),
        url: "http://******/auth/signIn",
        data: $(this).serialize(),
        success: function(responseText) {
            $('#result').html(responseText);
            alert("hey");
        }
    });
    return false; // important: prevent the form from submitting
});
});

现在我已从前面显示的html中的表单标记中删除了操作部分。 但它没有进入警觉状态（“嘿”）;谁能说出为什么这不起作用？