Textbox içinde tıklayınca yazı kaybolması

<style>
.text-label{
    color:#EBEBEB;
    font-weight:bold;
    }
</style>
<input type="text" value="" id="input1" />

var yazivalue="JAVA MAKALE";
var className="#input1";

$(className).addClass('text-label');
$(className).focus(function() {  
    if($(className).val()==yazivalue){
       $(className).val("");
       $(className).removeClass('text-label');
    }
});  
$(className).blur(function() {
    if($(className).val()==""){
        $(className).val(yazivalue);   
        $(this).addClass('text-label');     
    }
});
if($(className).val()==""){
    $(className).val(yazivalue);
    }

Bu siteden testini yapabilirsiniz. http://jsfiddle.net/