JSFiddle - React, Tailwind, and code Playground
HTML
<div class="form-group">
<label class="control-label col-md-4">File upload</label>
<div class="col-md-6">
<input type="file" />
<textarea required placeholder="Description of the document" class="form-control" name="description-of-incident" id="description-of-incident" rows="2"></textarea>
<div class="help-block with-errors"></div><br />
<a href="javascript:void(0);" id="addanother">Add another</a>
</div>
</div>
<div id="container">
</div>
JavaScript
$('input[type="radio"]').click(function() {
if($(this).attr('id') == 'peopleinvolvedyes') {
$('#involvement-section').show();
}
else {
$('#involvement-section').hide();
}
});
$("#addanother").click(function(){
$("#container").append('<div class="form-group"><label class="control-label col-md-4">File upload</label><div class="col-md-6"><input type="file" /><textarea required placeholder="Description of the document" class="form-control" name="description-of-incident" id="description-of-incident" rows="2"></textarea><div class="help-block with-errors"></div><a href="javascript:void(0);" class="remove-document-upload">Remove</a></div></div>');
});
$(document).on('click', ".remove-document-upload",function(){
alert("dasdasdas");
//$(this).closest('.addanother').remove();
});