Question

Is there a better way of doing this

$("#<%=Text_Name.ClientID%>").mouseleave(function () {
    var t_name = this.value;

    if (t_name == "") {
        $(this).val("Name");
        $("#<%=Text_Name.ClientID%>").addClass("grey_add");
        $("#<%=Text_Name.ClientID%>").removeClass("black_add");
    }
});

What this code does is when you scroll out of the textbox it leaves the it returns to you "Name".

A con about using this technique is when user move mouse out the textbox it fills something in when user types.

Answer 1

It’s really simple with jQuery, check this:

html

<input type="text" id="myInput" value="Name" />

jQuery

$(function() {
  $('#myInput').focusin(function() {
      $(this).val('');   
  });

  $('#myInput').focusout(function() {
      $(this).val('Name');   
      $(this).css('background-color', '#ccc');
  }); 
});

Here goes jsFiddle.
No need for plugins or much code for this.