ขอสอบถามเกี่ยวกับช่องค้นหาหน่อยตอนคลิ๊กแล้วไม่ให้ข้อความหาย

<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>

   <span id="box"><input type="text" id="search"  onblur="chkText()" name="txt_search" ><span id="initText" onclick="clickSearch()">ใส่คำค้นหา..</span></span>