JSFiddle - React, Tailwind, and code Playground

HTML

<div class="aoe">
<p class="aoe_p1">1.</p>
<input type="text" class="required aoe_input span7" id="aoe_input_1" name="aoe_input_1" placeholder="like Data Structure & Algorithms or Any subject">
<p class="aoe_p2">2.</p>
<input type="text" class="required aoe_input span7" id="aoe_input_2" name="aoe_input_2" placeholder="like Data Structure & Algorithms or Any subject">
<p class="aoe_p3">3.</p>
<input type="text" class="required aoe_input span7" id="aoe_input_3" name="aoe_input_3" placeholder="like Data Structure & Algorithms or Any subject">
<button id="add_another_but" class="btn btn-small btn-primary add_another_but">Add Another</button>
<div class="container"></div>
</div>

JavaScript

$('#add_another_but').click(function() {
var input = $('<input type="text" />');
var btn = $('<input type="button" value="x" />');
btn.click(function() {
$(this).parent().remove();
});
var div = $('<div></div>');
div.append(input).append(btn);
$('.container').append(div);
});