插入文本到textarea后，自动显示插入的最后一行

Question

看下面的代码，点击【add content】后会在textarea最后一行插入内容，我希望内容超过显示区域后，textarea 自动滚动到最后一行显示。需要加神马呢？<h2>SAMPLE</h2><a href="###" id="add">add content</a><br/><br/><textarea id="text">Goodbye</textarea>$('#add').click(function() {    $("#text").append("the text to append \n");});http://jsfiddle.net/Sn5Cz/