JSFiddle - React, Tailwind, and code Playground

HTML

<script>
   $("#land").on("click", function (){
	alert("test called");
	var serviceID = $(this).attr('id');
	alert("serviceID :: " + serviceID);
});
</script>

<table id="land" border="1" >
    <tr><th><b> Column1 </b> </th><th><b> Column2 </b> </th></tr>
<tr> <td class="navigateTest" id="88" > Row1 - Data1 </td> 
 <td class="navigateTest" id="98" > Row1 - Data2  </td>    
</tr>
<tr> <td class="navigateTest" id="33" > Row2 -  Data1  </td> 
<td class="navigateTest" id="55" onclick="test()"> Row2 - Data2  </td>    
</tr>

</table>