JSFiddle - React, Tailwind, and code Playground

HTML

<div class="room">
<div class="avatar">
</div>
<div style="position:absolute; top:20px; left:50px;" class="chair">
</div>
<div style="position:absolute; top:20px; left:75px;" class="chair">
</div>
<div style="position:absolute; top:40px; left:40px;" class="table">
</div>
<div style="position:absolute; top:70px; left:50px;" class="chair">
</div>
<div style="position:absolute; top:70px; left:75px;" class="chair">
</div>

</div>

CSS

.room { background-color:silver; position:relative; height:200px; width:200px; }
.chair { padding:2px; background-color: green; width:16px; height:16px; }
.table { background-color: red; width:65px; height:30px; }
.avatar { width:16px; height:16px; background-color:blue; }

JavaScript

jQuery(".chair").click(function(){
    jQuery(".avatar").appendTo(jQuery(this));
});