JSFiddle - React, Tailwind, and code Playground

by TJ VanToll

HTML

<link href="http://code.jquery.com/ui/1.9.0/themes/base/jquery-ui.css" rel="stylesheet" />
<script src="http://code.jquery.com/ui/1.9.0/jquery-ui.js"></script>

Actual:
<div id="buttonSet1">
    <a id="button1" href="#">Testing 1</a>
    <a id="button2" href="#">Testing 2</a>
    <a id="button3" href="#">Testing 3</a>
</div>
Expected:
<div id="buttonSet2">
    <button id="button4">Testing 4</button>
    <button id="button5">Testing 5</button>
    <button id="button6">Testing 6</button>
</div>

JavaScript

$(document).ready(function() {
    $("a").button();
    $("#button1").button("disable");
    $("#buttonSet1").buttonset();

    $("button").button();
    $("#button4").button("disable");
    $("#buttonSet2").buttonset();
});