การใส่ตัวอักษรจางๆ แบบช่อง Search ของเว็บ Thaicreate ทำอย่างไรหรอคะ

<script>
function clickSearch(){
	document.getElementById('initText').style.display="none";
	document.getElementById('search').focus();
}
function chkText(){
	if(document.getElementById('search').value==''){
		document.getElementById('initText').style.display="block";
	}
}
window.onload=function(){
	if(document.getElementById('search').value!=''){
		document.getElementById('search').value='';
	}
}
</script>
<style>
*{
	margin:0;
	padding:0;
}
#box{
	position:relative;
	font: 14px tahoma,Geneva,Arial,Helvetica,sans-serif;
}
#box #search{
	vertical-align: middle;
	margin-top:-1px;
	width:150px;  /*ความกว้าง input */
	height:20px;
	border:solid 1px #000000;  /* เส้นกรอบ */
}
#box #initText{
	position:absolute;
	padding-left:2px;  /*ปรับตำแหน่งซ้ายของข้อความ*/
	width:150px;  /*ความกว้าง ต้องสัมพันธ์กับ ความกว้าง search */
	height:20px;
	left:0;
	top:0;
	color:#CCCCCC;  /*สีฟอนต์*/

}

</style>
search :<span id="box"><input type="text" id="search"  onblur="chkText()"><span id="initText" onclick="clickSearch()">example search</span></span>