$(function () {
    $('textarea, input').each(function (i, inp) {
        var el = $(inp)
        if (el.attr('rel') == null) { return }

        var lbl = $('<span class="watermark"></span>')
        lbl.html(el.attr('rel'));
        lbl.css({
            'width': el.width(),
            'height': el.height(),
            
        }).addClass('');

        el.wrap('<div class="watermarkcontainer" />');
        el.after(lbl)

        lbl.click(function () {
            el.focus();
            lbl.fadeOut('fast');
        })
        el.focus(function () {
            lbl.fadeOut('fast');
        })
        el.blur(function () {
            if (el.val() == '') { lbl.fadeIn('slow'); }
        })
         el.change(function () {
            if(el.val()!='') {lbl.hide();}
        })
        if(el.val()!='') {lbl.fadeOut('fast');}
    })
});