jquery Сохранение значения поля ввода, а затем его вызов в другом месте.

Question

$("form").submit(function () {
    var english = $("input #rawr").val()
    $("h1 em").append(" " + english + " "); //Current submit brings up 'undefined'
    return false;

});

<form>
    <input type="text" name="rawr" id="rawr" />
    <input type="submit" />
</form>

Answer 1

Вы используете селектор потомок предка, а это не то, что вам нужно.

Селектор ищет элемент с id = rawr, потомком элемента INPUT.

Удалите пробел в вашем селекторе:

var english = $("input#rawr").val();

или не используйте имя тега вообще, так как у вас есть уникальный идентификатор:

var english = $("#rawr").val();

Также не забывайте свои точки с запятой!

Answer 2

$("form").submit(function (e) {
    e.stopPropagation();
    var english = $("#rawr", $(this)).val();
    $("h1 em").append(" " + english + " ");
});

<form>
    <input type="text" name="rawr" id="rawr" />
    <input type="submit" />
</form>

Answer 3

Сделайте английский вар:

var english = $("#rawr").val()