JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <div id="inner">inner div</div>
</div>
<hr/>
<a href="#" id="clear">clear</a>
<script type="text/javascript">
    $("#inner").bind("foo", function() {});
    
    $("#clear").click(function(event) {
    event.preventDefault();
    
    $("#inner").remove();
    $("#container").empty();
    });    
</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;
}