Input/Textarea Field Placeholder

<style>
.placeholder-value { color: #999; }
input::-webkit-input-placeholder { color: #999; }
input:-moz-placeholder { color: #999; }
input:placeholder,
input::placeholder,
input:input-placeholder,
input::input-placeholder{ color: #999; }
</style>
 
;(function($) {
 
    $.placeHolder = function(options_args) {
 
        var defaults = {
                selector: "input,textarea",
                activeClass: "placeholder-value"
            },
            settings = (options_args) ?
                       options_args :
                       defaults,
            selector = settings["selector"],
            activeClass = settings["activeClass"];
 
        return {
 
            trigger: $(selector).each(function(index, e) {
 
                var detect = navigator.userAgent.toLowerCase(),
                    $self = $(this);
 
                if (detect.indexOf("safari") > 0)
                    return false;
 
                $self.addClass( activeClass );
 
                if ($self.attr("type") === "text" || $self[0].nodeName === "TEXTAREA") {
 
                    if ( $self.attr("placeholder") &&
                         $self.attr("placeholder").length > 0 ) {
 
                        $self.val( $self.attr("placeholder") );
 
                        $self.bind("click", function(e) {
 
                            var $self = $(this);
 
                            if ($self.val() === $self.attr("placeholder"))
                                $self.val("");
 
 
                            if ($self.val() !== "" && $self.val() !== $self.attr("placeholder")) {
                                $self.removeClass( activeClass );
                            } else {
                                $self.addClass( activeClass );
                            }
 
                            return false;
                        });
 
                        $self.bind("keydown", function(e) {
 
                            var $self = $(this);
 
                            if ($self.val() === "") {
                                $self.addClass( activeClass );
                            } else {
                                $self.removeClass( activeClass );
                            }
 
                        });
 
                        $self.bind("blur", function(e) {
                            var $self = $(this);
 
                            if ($self.val().length < 1)
                                $self.val( $self.attr("placeholder") )
 
                            if ($self.val() !== "" && $self.val() !== $self.attr("placeholder")) {
                                $self.removeClass( activeClass );
                            } else {
                                $self.addClass( activeClass );
                            }
                        });
 
                    }
 
                }
 
            })
 
        } //return
 
    };
 
})(jQuery);
 
$.placeHolder();