JSFiddle - React, Tailwind, and code Playground

HTML

<div class="stuff" id="orig_test_0">
    <input type="button" value="Whose my daddy?" onclick="alert($(this).parent().attr('id'));"/>
</div>
<input type="button" value="Make a Clone" onclick="makeClone();"/>

<div id="wrapper">
    stuff goes here<br/>
</div>

CSS

.stuff{
  border:1px solid purple;
    padding:1px;
    margin:1px;
}
#wrapper{
    border:1px dotted blue;
    padding:2px;
}

JavaScript

var globalCount = 0;
function makeClone(){
    if($.browser.msie && (parseInt($.browser.version) < 8)){
        /*
            Dirty ugly hack to overcome bugs in IE with .cloneNode() method
            that is now used in jQuery 1.6.4+
        */
        alert('workaround!');
        var copiedDOMStr = $('#orig_test_0').get(0).outerHTML;    
        var copiedDOM = $(copiedDOMStr);    
    } else {
        var copiedDOM = $('#orig_test_0').clone();
    }
    globalCount++;
    copiedDOM.attr('id', 'clone_' + globalCount);
    $('#wrapper').append(copiedDOM);
}