$(document).ready(function () {
    var max_fields = 4; //maximum reference area/name divs allowed
    var x = 1; //initial reference area/name div count
    
    $(".add_field").on("click", function (e) {
        e.preventDefault();
        if (x < max_fields) {
            x++;
            var copy = $('.copy').clone();
            copy.attr("class", 'row input_fields_wrap');
            copy.attr("id", 'copy' + x);
            copy.append('<a href="#" class="remove_field" style="color: maroon"><sup>X</sup></a>');
            copy.insertAfter('.copy');
        }
    });

    $(".input_fields_wrap").on("click", ".remove_field", function (e) {
        e.preventDefault();
        $(this).parent('div').remove();
        x--;
    });

});