JSFiddle - React, Tailwind, and code Playground

HTML

<div class="random-element">Lipsum</div>

CSS

.random-element{background-color:blue; color:white;}
.random-wrapper{padding: 50px; background-color:red;}

JavaScript

$(function(){
    var $wrapper = $('<div class="random-wrapper"></div>');   
    
    $('.random-element').wrap($wrapper);

    
    $wrapper.click(function(){
        alert('click');
    });
    
    $wrapper.hover(function(){
        alert('hover');
    });
    
    $wrapper.on('click', function(){
        alert('on');
    });
    
    $wrapper.bind('click', function(){
        alert('bind');
    });
    
    $(document).delegate('.random-wrapper', 'click', function(){
        alert('delegate');
    });
});