JSFiddle - React, Tailwind, and code Playground

HTML

<div>
        <form name="shrimp">
    <div id="sblc">
    <div class="opt">
                                            <select>
                                                <option>Domestic</option>
                                                <option>Tiger</option>
                                                <option>Peeled Raw</option>
                                                <option>Cooked Peeled Tail On<option>
                                            </select>
                                            <select> 
                                                <option>1 lbs</option>
                                                <option>2 lbs</option>
                                                <option>3 lbs</option>
                                            </select>
</div>
</div>
<div>
<button id="snew" type="button">Add Order</button>
<button type="button">Enter Order</button>
</div>
</form>
</div>

JavaScript

$(document).ready( function() {
    $("#snew").click(function () {  
        var container = $("#sblc").append("<div></div>"),
                content = "<select> <option>Domestic</option><option>Tiger</option><option>Peeled Raw</option><option>Cooked Peeled Tail On<option></select><select> <option>1 lbs</option><option>2 lbs</option><option>3 lbs</option></select>";
        
        container.attr("class", "opt").append(content); 

    });
});