(function ($) {

    $.fn.watermark = function (options) {

        var defaults = {
            cssClass: ''
        };

        var options = $.extend(defaults, options);

        return this.each(function () {

            // pre defined options
            var obj = $(this);
            var text = obj.attr("title");
            var cssClass = options.cssClass;

            if (obj.is('.watermarked')) {
                obj.unbind("focusout");
                obj.unbind("focusin");
                obj.removeClass('watermarked');
            }

            obj.addClass('watermarked');

            function showWatermark() {
                if (obj.val() == "") {
                    obj.val(text);
                    obj.addClass(cssClass);
                }
            }

            function hideWatermark() {
                if (obj.val() == text) {
                    obj.val("");
                    obj.removeClass(cssClass);
                }
            }

            showWatermark();

            $(this).bind('focusout', showWatermark);

            $(this).bind('focusin', hideWatermark);

            $(this).parents('form').submit(function () {
                hideWatermark();
            });

        });

    };

})(jQuery);