JSFiddle - React, Tailwind, and code Playground

HTML

<div id="original_rectangle" class="top1">original rectangle</div>
<button id="copy_rectangle">add</button>

CSS

top1
{
border: 1px black solid;
height: 100px;
width: 100px;
background-color: #CC6633;
float: left;
margin:80px;

 line-height: 90px;
 text-align: center;


-moz-border-radius:20px;
-webkit-border-radius: 20px;
-webkit-box-shadow: 5px 5px 10px #555;
border-radius: 20px;


}

JavaScript

var rectangles = 1;
$("#copy_rectangle").click(function(){
  $("#original_rectangle").clone().removeAttr("id").html("rectangle "+ (rectangles++)).appendTo("body");
 
    
    $(document).ready(function() {     $("#original_rectangle").draggable();   }); 
    
});