jquery从输入字段获取空值

Question

我有一个表单，其中有两个输入和一个文本区，当用户提交表单时，表单的默认行为将停止，以便为ajax请求铺平道路。这是我正在使用的代码。

$(document).ready(function(){
    $('input#submit').click(function(){
        $name = $('input#name').val();
        alert($name);
    return false;
    });
});

这是我的html表单

<form action="" method="post" id="mail-form">
    <label for="name">Name *</label><br/>
    <input type="text" name="name" id="name"/><br/>
    <label for="email">Email *</label><br/>
    <input type="text" name="email" id="email"/><br/>
    <label for="message">Message *</label><br/>
    <textarea id="message"></textarea>
    <input type="submit" name="submit" value="Send" id="submit"/>
</form>

当我点击提交按钮时，它只在警告框中显示空白值，即使我在名称字段中输入了一些值。而如果我在表单中使用下面的代码。

 <input type="text" name="name" id="name" value="yourname"/>

它会在警告框中正确显示您姓名。我的代码出了什么问题？

更新：

这是我的整个index.html (http://jsfiddle.net/MknfR/)文件，DOM有什么问题吗？

Answer 1

非常奇怪。它工作得很好。在这里进行测试：http://jsfiddle.net/PLm5a/。

请使用该链接自己测试它，以确保它不是来自您的开发环境。

问候

Answer 2

尝试将空值属性添加到HTML源代码：

<input type="text" name="name" id="name" value=""/>