Как захватить введенный пользователем текст с помощью JQuery?

Question

У меня есть следующий элемент ввода на странице:

Search: <input id="example" />

Я хотел бы получить информацию, которую пользователь вводит в это поле, когда пользователь нажимает клавишу ввода, и отображать ее на экране:

  $(window).keypress(function(e) {
      if(e.keyCode == 13) {
          $("input[name=example]").val().insertAfter('#example');
      }

Следующие результаты не определены:

$("input[name=example]").val() is undefined

Как захватить вводимый пользователем текст?

Answer 1

У вас нет name.

Используйте селектор #: $('#example')

Answer 2

Поскольку вы используете id, а не name, выполните:

$(window).keypress(function(e) {
    if (e.keyCode == 13) {
        $("input#example").val().insertAfter('#example');
    }
});

Answer 3

Попробуйте это ...

$(window).keypress(function(e) {
    if(e.keyCode == 13) {
        $("#example").val().insertAfter('#example');       
    } 
}