在div里面的Textarea，变得有价值

Question

我在一个div中有textarea和许多其他HTML元素，如下所示：

 <div id="holder">
 <textarea id="txt">Some text</textarea>
 <img src="/someurl/test.png" />
 <div class="test">Blah</div>
 </div>

当我尝试将所有html放在“holder”div中时，如下面的代码，它运行良好。但是，如果我改变textarea值，并尝试再次获取HTML，textarea的值仍然是“一些文本”，而不是新文本。如何获得新的，更新的文本？

以下是我如何获得“持有人”的HTML：

 $("#submit").click(function(){
    alert($("#holder").html() ); 
 });

这是jsfiddle的例子：

http://jsfiddle.net/zmL7k/

Answer 1

手动更新textarea html：

$("#submit").click(function() {
    $("#txt").html(function() {
        return this.value;
    });
    alert($("#holder").html());
});​