JSFiddle - React, Tailwind, and code Playground

HTML

<button id="test" type="button" value="test" class="disabled">Click Me (I Shouldn't Work)</button> Works Perfectly
<br />
<button id="test" type="button" value="test" class=" disabled">Click Me (I Shouldn't Work)</button> Works Perfectly
<br />
<button id="test" type="button" value="test" class="&nbsp;disabled">Click Me (I Shouldn't Work)</button> Doesn't Work As Expected

JavaScript

$(function () {
    $('.disabled').click(function (event) {
        event.preventDefault();
        event.stopPropagation();
        
        alert('Successfully Disabled');
    });
});