JSFiddle - React, Tailwind, and code Playground

HTML

<section class='container-1'>
    <div class='elem'>
        qwerty
    </div>
        <div class='elem'>
        qwerty
    </div>
</section>

<section class='container-2'>
    <div class='elem'>
        qwerty
    </div>
        <div class='elem'>
        qwerty
    </div>
</section>

CSS

.container-1 {
    border: 1px solid #000000;
}

.container-2 {
    border: 1px solid #000000;
}

JavaScript

$(document).on('click', 'section.container-1 div.elem', function() {
    var html = this;
    $('section.container-2').append(html) ;
}) ;

$(document).on('click', 'section.container-2 div.elem', function() {
    var html = this;
    $('section.container-1').append(html) ;
}) ;