JSFiddle - React, Tailwind, and code Playground

HTML

<div id="genForm">
</div>

<table id="a" border="1">
<tr>
    <th>Test</th>
</tr>
<tr id="b">
    <td id="c">&nbsp;</td>
</tr>
</table>

JavaScript

$("#genForm").html("<form action=\"apply.php\" method=\"post\"><select><option>SEE LIST</option></select></form>");
$('select').append('<option>1</option>');
$('select').append('<option>2</option>');
$('select').append('<option>3</option>');
$('select').append('<option>4</option>');

//CASE 1
//$("#a tr td").html("<form action=\"apply.php\" method=\"post\"><select><option>SEE LIST</option></select></form>");
//$('#a select').append('<option>CASE 1 SUCCESS</option>');

//CASE 2
//$("#b td").html("<form action=\"apply.php\" method=\"post\"><select><option>SEE LIST</option></select></form>");
//$('#b select').append('<option>CASE 2 SUCCESS</option>');

//CASE 3
$("#c").html("<form action=\"apply.php\" method=\"post\"><select><option>SEE LIST</option></select></form>");
$('#c select').append('<option>CASE 3 SUCCESS</option>');