JSFiddle - React, Tailwind, and code Playground

by naokiota

HTML

<div class="row">
<div class="col-md-2">
<input type="text" id="inputItem" placeholder="Item #3" class="form-control">
</div>
<div class="col-md-6">
<input type="text" id="inputItem" placeholder="Description" class="form-control"></div>
<div class="col-md-1">
<input type="text" id="inputItem" placeholder="Qty." class="form-control"></div>
<div class="col-md-1">
<input type="text" id="inputItem" placeholder="Tax" class="form-control"></div>
<div class="col-md-2">
<input type="text" id="inputItem" placeholder="Item Total" class="form-control"></div>
</div>
<div class="row" id="div4">
<div class="col-md-2">
<input type="text" id="inputItem" placeholder="Item #4" class="form-control">
</div>
<div class="col-md-6">
<input type="text" id="inputItem" placeholder="Description" class="form-control"></div>
<div class="col-md-1">
<input type="text" id="inputItem" placeholder="Qty." class="form-control"></div>
<div class="col-md-1">
<input type="text" id="inputItem" placeholder="Tax" class="form-control"></div>
<div class="col-md-2">
<input type="text" id="inputItem" placeholder="Item Total" class="form-control"></div>
</div>

JavaScript

$(document).ready(function(){
$("#add").click(function(){
$("#div4").append("cant get html below to replicate");
});
});