jQuery.fn.addWatermark = function(watermarkedClass, watermarkText) {
    this.toggleWatermark(watermarkedClass, watermarkText);
 
    var toggleWatermark = function() {
        $(this).toggleWatermark(watermarkedClass, watermarkText);
    }
 
    this.focus(toggleWatermark);
    this.blur(toggleWatermark);
 
    var id = this.attr("id");
 
    var removeWatermark = function() {
        $("#" + id).removeWatermark(watermarkedClass);
    }
 
    // Clear the watermark text when the form is submitted.
    this.parents("form:first").submit(removeWatermark);
}
 
jQuery.fn.removeWatermark = function(watermarkedClass) {
    if (this.hasClass(watermarkedClass)) {
        this.removeClass(watermarkedClass);
        this.val("");
    }
}
 
jQuery.fn.toggleWatermark = function(watermarkedClass, watermarkText) {
    if (this.hasClass(watermarkedClass)) {
        this.removeWatermark(watermarkedClass);
    }
    else if (this.val().length == 0) {
        this.addClass(watermarkedClass);
        this.val(watermarkText);
    }
}