插入文本到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/