JSFiddle - React, Tailwind, and code Playground

HTML

<table id='tbl' width="200" border="1">
  <tr>
    <td id="title">&nbsp;</td>
  </tr>
  <tr>
    <td id="content">&nbsp;</td>
  </tr>
</table>

JavaScript

$("#tbl").mouseenter(function(){
    $("#title").html('<input id="test" type="button" value="test button" />');
    $("#test").click(function(){
    alert('yo')         ;
});
});
$("#tbl").mouseleave(function(){
    $("#title").html('');
});