JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box">
    <input type="password" id="demo-password" placeholder="password" autofocus />
</div>

CSS

$('#demo-password').on('keyup', function (e) {
    var $input = $(this);
    var val = $.trim($input.val());
    $input.removeClass("invalid");

    if (e.which !== 13 || !val) {
        return;
    }

    if (val != "password") {
        $input.select();   
        $input.addClass("invalid");
    }
});

JavaScript

$('#theButton').on('hover', function (e) {
        $(this).addClass("invalid");
});


$(document).ready(function(){
    $('#theButton').click(function(e){
        e.preventDefault();
        $("<li>hello</li>").appendTo('#thelist');
    });
    $('li').live('hover', function(e){
        alert('hola');
    });
});