JQuery match .val() при вводе

Question

Я пытаюсь создать форму, в которой вы вводите свое имя. Когда вы вводите свое имя в поле ввода, DIV над формой соответствует значению по мере ввода.

$('#rendered').html($('#your_name').val()); 

Код, указанный выше работает для отправки, но не соответствует букве письма при вводе текста? Может кто-то указать мне в правильном направлении, должно быть довольно просто.

Answer 1

Используйте keyup событие

HTML:

<div id="result"></div> 
<input type="text" id="txt" /> 

JS:

$("#txt").on("keyup", function(e){ 
    $("#result").html($(this).val()); 
}); 

Здесь представлен Demo