JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://brandonaaron.net/javascripts/plugins/livequery.js "></script>
<html>
    <script src='http://brandonaaron.net/javascripts/plugins/livequery.js' type='text/javascript'></script>
    <body >
        <div id="name"> 
            <div id="draggable">Drag me old</div>
        </div>
        <a id="link">New element</a>
        
        
    </body>
</html>

CSS

#name{background:#9999FF; height:500px; width:500px;}
#link{background-color:#FF0000; cursor:pointer;}

JavaScript

function shw() {
    $("#name").html('<div id="draggable">Drag me new</div>');
}
$(document).ready(function() {
    $("#link").click(function(){shw();});
    $("#draggable").livequery(function() {
        $(this).draggable({
            cursor: 'move',
            opacity: 0.35
        });
    });
});