JSFiddle - React, Tailwind, and code Playground
HTML
<div id="1">
Original Div<br />
<textarea></textarea>
<input type="text" />
</div>
<div id="2">
New Div
</div>
<button>Copy</button>
CSS
div {
border: 1px solid black;
padding: 10px;
}
JavaScript
$("button").click(function () {
$("#2").html($("#1").html());
$("#1").find("input").each(function(idx) {
$("#2").find("input").eq(idx).val($(this).val());
});
$("#1").find("textarea").each(function(idx) {
$("#2").find("textarea").eq(idx).val($(this).val());
});
});