JSFiddle - React, Tailwind, and code Playground
HTML
<div id="container">
<div id="clickme-1" class="clickme">Click Me!</div>
</div>
<p><a href="javascript:void(0);">Duplicate "Click Me" box.</a>
<img src="asasa"> </p>
CSS
.clickme {
margin: 0 auto 5px;
width: 200px;
height: 50px;
background-color: #ff0;
line-height: 50px;
text-align: center;
cursor: pointer;
}
p {
text-align: center;
}
JavaScript
$(function() {
$(".clickme").click(function() { alert("I am clicked!"); });
$("img").click(function() {
$("#clickme-1").clone(true).attr("id", "").appendTo("#container");
});
});