jquery将表单提交给servlet但getParameter（）返回null

Question

我有一个JSP将表单提交给servlet，我想使用jquery提交表单，因为我想验证表单的输入字段，下面是我的jquery：

function submitForm()
{
    var name = $('#name').val();
    if(name == "")
    {
        alert("Please fill in all fields");
    }
    else
    {
        alert("Submit pet form.");
        $('#pet_form').submit();
    }
}

以下是我的表格：

<form action="Create" method="POST" id="pet_form">
    <input type="text" id="name" name="name" size="20" autofocus="true" />
    <input type="button" id="submit" value="Submit" onclick="submitForm()" />
</form>

从我提交之后

从servlet获取参数：

String name = request.getParameter("name");
if(name == null)
{
    System.out.println("name == null");
}

为什么我总是从上面的代码中得到null？