html ()неправильный метод при изменении входного значения

По сути, у меня есть некоторый код, который должен получить HTML-код родительского элемента, когда любой из его входных элементов размывается. Это довольно просто. Проблема в том, что HTML, возвращаемый при вызове html()для родительского элемента, не отражает текущее значение входных элементов, содержащихся внутри. То есть в Firefox или Chrome. Он работает в IE во всех местах.

Вот JSFiddle:http://jsfiddle.net/8PJMx/15/

Попробуйте изменить «мир» в текстовом поле на «все» и нажать кнопку. Обратите внимание, что я также добавляю $.now(), чтобы вы могли видеть, что код действительно выполняется.

Как видите, $("#parent").html()не обновляется, хотя $("#child").val()обновляется. Для вашего удовольствия вот HTML:

Hello 
Get HTML.


The HTML for #parent is:

The value of #child is:

...и вот JavaScript:

$("#separateEvent").click(function ()
                         {
                             $("#parentsHtml").val($("#parent").html() + "\r\n@" + $.now());
                             $("#childsValue").val($("#child").val() + "\r\n@" + $.now());
                         });