JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<div id="mydiv">
    <button class="target">Click me</button>
    <button class="target">Click me</button>
</div>
<br />
<br />
<br />


<button id="oBtn">
  Click me to over write
</button>

JavaScript

$(document).ready(function(){
    // Your code
    $(document).on("click",".target",function(){
        alert('It works..!!');
    });
    
    $('#oBtn').click(function(){

        // Code written by a random guy
        // This code overwrites the element inside `mydiv` with new elements
        $("#mydiv")
            .empty()
            .append(
                $('<button>')
                    .addClass('target').text('Overwritten button')
            )
            .append(
                $('<button>')
                    .addClass('target').text('Overwritten button')
            );
    })
});