JSFiddle - React, Tailwind, and code Playground

HTML

<button class="btn btn-lg btn-narrow btn-default">
              Button 1
            </button>
<button class="btn btn-lg btn-narrow btn-default">
              Button 2
            </button>
<button class="btn btn-lg btn-narrow btn-default">
              Button 3
            </button>

JavaScript

$(document).ready(function() {
  //$("<button class=\"btn btn-lg btn-default\">Inserted</button>").insertAfter("button");
  //$("button").after("<button class=\"btn btn-lg btn-default\">Inserted</button>");

  $("button").click(function() {
    var btn = document.createElement("button");
    var t = document.createTextNode("Added");
    btn.appendChild(t);
    document.body.appendChild(btn);
  });
});