JSFiddle - React, Tailwind, and code Playground

HTML

<input type="button" ID="buildButton2" value=" test" />

<div id="tabContent">
    <ul>
        <li><a href="#tab1">Schema Deployments</a></li>
        <li><a href="#tab2">Web Deployments</a></li>
        <li><a href="#tab3">Schema Builds</a></li>
        <li><a href="#tab4">Web Builds</a></li>
    </ul>
    <div id="tab1"></div>
    <div id="tab2"></div>
    <div id="tab3"></div>
    <div id="tab4"></div>
</div>

JavaScript

function tabSelected(){
    alert("selected");
}

function tabLoaded(){
    //alert("tabLoaded");
}

function refreshTab(){
    $("#tabContent").tabs("load", $("#tabContent").tabs('option', 'selected'));
}

$(function() {
    $("#tabContent").tabs({ cache: false, ajaxOptions: { cache: false} });
    $("#tabContent").bind('tabsselect', tabSelected);
    $("#tabContent").bind('tabsload', tabLoaded);
    
    $("#tabContent").tabs("url", 0, "JamesWiseman.com");
    $("#tabContent").tabs("url", 1, "JamesWiseman.com");
    $("#tabContent").tabs("url", 2, "JamesWiseman.com");
    $("#tabContent").tabs("url", 3, "JamesWiseman.com");
    $("#tabContent").tabs("load", 0);

    $("#buildButton2").click(refreshTab);
});