javascript - jqueryのプレビューボックス

Question

テキストエリアとプレビューボックスがあります。テキストエリアに入力すると、プレビューボックスに表示されます。

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript"> 
function updateAdTextdValue()
{ 

var s = document.getElementById("sample_ad_text").value;

if( s=='Write here ...')
{
    s ="";
}


jQuery("#composeadd_display").html(s);
}

</script>


<textarea onchange="updateAdTextdValue()"  class="textarea" id="sample_ad_text" name="sample_ad_text" onblur="if (this.value == '') {this.value = 'Write here ...';this.style.color='#252525';}" onfocus="if(this.value == 'Write here ...') {this.value = '';this.style.color='#252525'}" style="width:250px; height:250px;">Write here ...</textarea>


<div class="composeadd_b" id="composeadd_display" style="overflow-y:auto; background-color: #F5F5F5;
float: left;
font-size: 13px;
height: 350px;
margin-right: 35px;
padding: 10px;
width: 285px;"> </div>

それは働いています。しかし、20文字後にプレビューボックスの次の行にテキストを表示したい. 誰でもこの問題を解決するのを手伝ってください。