JSFiddle - React, Tailwind, and code Playground

HTML

<div id='button' class='enabled'>Press here</div>
<div id='log'></div>

CSS

#button {
    width: 65px;
    height: 25px;
    background-color: #555;
    color: red;
    padding: 10px 20px;
}
#button.enabled {
    color: #333;
}
#button.enabled:hover {
    color: #FFF;
    cursor: pointer;
}

JavaScript

$(function() {
    $('#button.enabled').live('click', function() {
    //$('#button.enabled').click(function() {
        log('#button.enabled clicked');
    });
});
function log(str) {
    $('#log').append(str + '<br />');
    $('#button').toggleClass('enabled');
}