$.fn.hint = function (blurClass) {
  if (!blurClass) { 
    blurClass = 'blur';
  }

  return this.each(function () {
    // get $ version of 'this'
    var $input = $(this),

    // capture the rest of the variable to allow for reuse
      title = $input.attr('title'),
      $form = $(this.form),
      $win = $(window);

    function remove() {
      if ($input.val() === title && $input.attr("style") == "color: rgb(175, 179, 161);" ||$input.attr("style") == "color:#afb3a1") {
        //$input.val('').removeClass(blurClass);
		$input.val(title).attr("style","");
		$input.val(title).val("");
      }
    }

    // only apply logic if the element has the attribute
    if (title) { 
      // on blur, set value to title attr if text is blank
      $input.blur(function () {
        if (this.value === '') {
          //$input.val(title).addClass(blurClass);
		  $input.val(title).attr("style","color:#afb3a1");
        }
      }).focus(remove).blur(); // now change all inputs to title

      // clear the pre-defined text when form is submitted
      $form.submit(remove);
      $win.unload(remove); // handles Firefox's autocomplete
    }
  });
};
