JSFiddle - React, Tailwind, and code Playground

by survivant

HTML

<div id="clone" class="new-category" style="display:none;">
    <select class="category-select" name="categories">
    <option></option>
    <option value="1">cat 1</option>

    </select>
    <select class='category-select-sub' style="display:none">
        <!-- loaded from ajax -->
    </select>
</div>
<div class="new-categories">
</div>
<a href="#" class="add-another-cat smallest" style="">Add another category</a>

JavaScript

$('.add-another-cat').click(function(event){
             event.preventDefault();
             var $orDiv = $('.new-category:last').after($('#clone').clone().removeAttr('id').show());

});
$('.new-categories').html($('#clone').clone().removeAttr('id').show());