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);
		});

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