小白一个奇怪的有关问题

小白一个奇怪的问题！
一个奇怪的问题，还望各位大侠帮帮忙！
用jq写的。
首先获取textarea标签元素,然后获取一个button按钮元素,需要的是点击一个button按钮,自动往textarea里添加内容。
我写的是这样的：
$("button").on("click",function(){
    $("textarea").append("OK");
    //或者是这种
    //$("textarea").html($("textarea").html+"OK");
});

每次打开页面点击button能实现往textarea中添加内容,但是我如果在textarea中删除一点数据后,再点击button,怎么就不显示添加的内容了，但是浏览器中看源码又是可以添加数据的！
小白我怎么想都不知道怎么回事,为什么只要手动删除textarea中的数据,再次点击,事件就不起作用了,textarea中的内容不变动。
------解决方案--------------------
内容是用val()
节点才是html()或append

$("button").on("click",function(){
    $("textarea").val($("textarea").val()+"OK");
});