JSFiddle - React, Tailwind, and code Playground

by Melvin Stanly

HTML

<div class="container">
<button type="button" id="btn" data-id="">
Clone</button>

  <div class="box" id="clone_10">
    <input type="text" value="text">
    <p>
    Sample text
    </p>
  </div>
</div>

CSS

button{
  margin:10px 0px;
}
.container{
  width:100%;
}
.box{
  width:50%;
  border: 1px solid red;
  padding:10px 10px;
}

JavaScript

$('#btn').click(function(){
    var clone = $('#clone_10').clone();
   /*  var new_id = generate_your_new_id();
    clone.find('.box').attr('id',new_id); */
    $('.container').append(clone);
  });