JSFiddle - React, Tailwind, and code Playground

by reedfisher

HTML

<div>
     <form name="shrimp">
         <div id="sblc">
<div class="row quarter">
			<div class="12u">
				<form name="seeMore">
				<div class="row quarter">
				<div class="5u"><strong>Contact Name</strong></div>
				<div class="7u">Jimmy Roe</div>
			</div>
			<div class="row quarter">
				<div class="5u"><strong>Contact Telephone</strong></div>
				<div class="7u">678-901-2345</div>
			</div>
			<div class="row quarter">
				<div class="5u"><strong>Email Address</strong></div>
				<div class="7u">[email protected]</div>
			</div>
				<a href="#">View Another Contact</a>
				</form>
			</div>
		</div>
      </form> 
 </div>

JavaScript

$("#snew").click(function() {
    var container = $("<div />");
    var 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)
        .appendTo("#sblc");

})