jquery выборка пустого значения из поля ввода

Question

У меня есть форма, в которой есть 2 ввода и 1 текстовая область. Когда пользователь отправляет форму, поведение формы по умолчанию останавливается, чтобы освободить место для запроса 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/)file, что-то не так с DOM?

Answer 1

Очень странно. Работает отлично. Проверьте это здесь: http://jsfiddle.net/PLm5a/.

Пожалуйста, проверьте это самостоятельно с помощью этой ссылки, чтобы убедиться, что она не из вашей среды разработки.

Привет

Answer 2

Попробуйте добавить пустой атрибут значения в источник HTML:

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