JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://jqueryui.com/themes/base/jquery.ui.all.css">
<script src="http://jqueryui.com/ui/jquery.ui.core.js"></script>
<script src="http://jqueryui.com/ui/jquery.ui.widget.js"></script>
<script src="http://jqueryui.com/ui/jquery.ui.button.js"></script>
<link rel="stylesheet" href="http://jqueryui.com/demos.css">
<div id = test>
    <input type="checkbox" id="chk"/><label for=chk>checkbox</label>
</div>
<button onclick="javascript:$('#chk').attr('checked',true);">click me. I will set the checkbox above me's value to true. However the checkbox will still apear unchecked.</button>
<button onclick="javascript:alert($('#chk').attr('checked'));">click me. I will give you the checkbox's current value.</button>

JavaScript

$("#test").buttonset();