JSFiddle - React, Tailwind, and code Playground

by Paras Gandhi

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<div class="btn btn-default">
        <span class="" id="cat1"></span> 
</div>

CSS

#cat1{
    padding:20px;
    background: #f00;
    cursor:pointer;
}

JavaScript

$(function(){
    $(document).on('click','#cat1', function(){
        console.log("span clicked");
        
    });
})