JSFiddle - React, Tailwind, and code Playground

by mirontoli

HTML

<input type="text" id="email_input" value="email.." class="grey"/>
<div id="log">.</div>

CSS

.grey {
    color:grey;
}

JavaScript

jQuery("#email_input").defaultValue = "email..";
jQuery("#email_input").live({
    focus: function() {
        jQuery("#email_input").removeClass("grey");
    }, 
    blur: function() {
        var inp = jQuery("#email_input");
        if (inp.val() == "email..")
            inp.addClass("grey");
    }
});