JSFiddle - React, Tailwind, and code Playground

HTML

<div class="appendrow">
    <div class="row ">
        <div class="span-6">
            <input style="width:100%!important;" type="text" name="option_name" placeholder="Name" required />
        </div>
        <div class="span-4 ">
            <input id="pricetext" type="text" name="option_price" placeholder="Price" required />
        </div>
    </div>
</div>

<div class="row ">
    <br/>
    <div class="span-2">
        <input type="button" class="btn btn-primary addrowbtn" value="Add Row" name="addrow" />
    </div>
</div>

JavaScript

$('.addrowbtn:last-of-type').on('click', '', function () {
    $('.appendrow').append('<br/><div class="row">\n\
    <div class="span-6">\n\
    <input style="width:100%!important;" type="text" name="option_name" placeholder="Name" required />\n\
    </div><div class="span-4 ">\n\
    <input id="pricetext" type="text" name="option_price" placeholder="Price" required />\n\
    </div>\n\
    </div>');
});