jquery clone and append elements

CSS

* {
  box-sizing: border-box;
  transition: all 0.2s;
  scroll-behavior: smooth;
}

JS

// this is the jquery version of clone and append
function clone_append() {
  $( "#clone-me" ).clone().appendTo( "#append-to-me" );
}

// this is a version of clone and append that does not use jquery
function clone_append_js(source_id, target_id) {
  //var itm = document.getElementById(source_id).lastChild;
  var itm = document.getElementById(source_id);
  var cln = itm.cloneNode(true);
  document.getElementById(target_id).appendChild(cln);
}

// this is a common function just to write the content into the result div
function write_result(result) {
  var result_html = document.getElementById("result");
  result_html.innerHTML = result;
}

HTML

<button onclick='clone_append();' class='btn btn-primary mb-1'>Clone and Append (JQuery)</button>
<button onclick='clone_append_js("clone-me", "append-to-me");' class='btn btn-primary mb-1'>Clone and Append (JS)</button>

<div class='alert alert-warning' id='clone-me'>Clone Me</div>
<div class='alert alert-info' id='append-to-me'>Append to Me</div>

Working Result

Test Result Below