JSFiddle - React, Tailwind, and code Playground

HTML

<div class="features"></div>
<a href="#" class="pull-right showhouse-text" id="add_highlight"><i class="fa fa-plus"></i> Add Highlight</a>

JavaScript

$(document).ready(function () {
    var highlight = '<div class="form-group">		<label for="highlight" class="col-sm-3 col-lg-2 control-label">Hightlight:</label>		<div class="col-sm-9 col-lg-3 controls">			<input type="text" name="highlight_name[]" data-rule-required="true" class="form-control" value="Hightlight Name">		</div>		<div class="col-sm-9 col-lg-7 controls">			<textarea name="highlight_description[]" class="form-control" rows="3" placeholder="Description for highlight"></textarea>			<a href="#" class="pull-right showhouse-text remove_highlight"><i class="fa fa-plus"></i> Remove Highlight</a>		</div>	</div>';

    $('.features').append(highlight);

    $('#add_highlight').click(function () {
        $('.features').append(highlight);
    });

    $('.features').on("click", '.remove_highlight', function () {
        $(this).closest('.form-group').remove();
    });
});