JSFiddle - React, Tailwind, and code Playground

by tabalinas

HTML

<div id="cloned"></div>
<div id="container"></div>

CSS

#cloned { width: 100px; height: 100px; border: 1px blue solid; }
#container { width: 200px; height: 200px; border: 1px red dashed; }

JavaScript

var obj = {};

$("#cloned")
    .data('test', obj)
    .click(function() {
        alert('Hey!');
        return false;
    });
    
var $recepient = $("<div />");

$recepient.append($("#cloned"));

$("#container").click(function() {
    $recepient.contents().clone(true, true).appendTo("#container");
    alert($("#container").children().eq(0).data("test") === obj);
});