JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.js"></script>
<div id="container">
    <div id="inner">inner div</div>
</div>
<hr/>
<a href="#" id="clear">clear</a>
<script type="text/javascript">
    $("#inner").test();
    
    $("#clear").click(function(event) {
    event.preventDefault();
    
    $("#inner").test("destroy");
    
    $("#container").html("");
    });
</script>

CSS

#container
{
    position: relative;
    border: solid 1px red;
    width: 50%;
    height: 100px;
}
#inner
{
    position: absolute;
    border: solid 1px navy;
    left: 50px;
    top: 50px;
    width: 50px;
    height: 25px;
}

JavaScript

(function($) {
    $.widget("ui.test", {
        _create: function() {}
    });
})(jQuery);