JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div data-role="content">
        <a href="#" id="btn_soap1" class="ui-disabled" data-role="button" data-inline="true" data-icon="back">Soap1</a>
        <button id="btn_soap" data-inline="true">Soap</button>
    </div>
</body>

JavaScript

$(document).on("ready", function () {
    $("#btn_soap").on("click", function () {
        var isDis = $("#btn_soap1").hasClass("ui-disabled");
        if (!isDis) {
            $("#btn_soap1").addClass("ui-disabled");
        } else {
            $("#btn_soap1").removeClass("ui-disabled");
        }
    });
    // this is an extra,
    // don't ever use onclick along with jQuery style .click()
    // it will bite you later on
    $(".ui-btn").click(getInitialNotifications);
});

function getInitialNotifications() {
// just a stub 
};