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 = "<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>";

    $(container)
        .attr("class", "opt")
        .append(content)
        .appendTo("#sblc");

})