内容更改后的元素高度

Question

我有一段代码可以改变DIV的内容以匹配textarea的内容，然后将DIV中的高度更改应用到textarea元素。

<textarea class="fieldEdit" data-fieldid="1_description"></textarea>
<div class="hiddenDiv" data-fieldid="1_description"></div>

<Script>
$('.fieldEdit').live('keyup', function(){growTextArea(this)});

function growTextArea(parameter) {
// works
     $('div').find("[data-fieldid='1_description']").text($(parameter).val());
     $("[data-fieldid='1_description']").text($(parameter).val());

// No Works
     height = $('div').find("[data-fieldid='1_description']").outerHeight();
     height = $("[data-fieldid='1_description']").outerHeight();
     alert(height);

// Works
     heightDiv = $('.hiddenDiv').outerHeight();
     alert(heightDiv);

     $(parameter).css('height', $('div').find("[data-fieldid='1_description']").outerHeight());
}
</script>

DIV内容正确更改，因此搜索功能正常工作，但搜索功能始终返回DIV的原始高度。该函数由textarea中的onKeyUp调用。如果.find被替换为.hiddenDiv，则高度变化会被正确反映。