JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<div class="st-box">
<table class="education">
<tbody>
<tr>
<td> <input type="text" id="search1" name="education[]" value="" placeholder="" class="ui-corner-all postform"></td>
<td> </td>
<td> <input type="text" value="" placeholder="" class="ui-corner-all postform"></td>
<td> <input type="number" name="education[]" value="" placeholder="" class="ui-corner-all postform"></td>
</tr>
</tbody>
</table>
</div>
<div class="st-box">
<table class="education">
<tbody>
<tr>
<td> <input type="text" id="search2" name="education[]" value="" placeholder="" class="ui-corner-all postform"></td>
<td> </td>
<td> <input type="text" value="" placeholder="" class="ui-corner-all postform"></td>
<td> <input type="number" name="education[]" value="" placeholder="" class="ui-corner-all postform"></td>
</tr>
</tbody>
</table>
</div>
<span id="add-btn">Add+</span>
<button id="remove-btn">
Удалить
</button>
CSS
#remove-btn {
display: none;
}
JavaScript
jQuery('#add-btn').click(function(){
jQuery(this).prev(".st-box").clone().insertBefore(this);
jQuery('#remove-btn').show();
jQuery('.st-box td:first-child input').last().attr( "id", "search"+jQuery('.st-box').length );
})
jQuery('#remove-btn').click(function(){
if( jQuery('.st-box').length > 1 ){
jQuery('.st-box').last().remove();
}
if( jQuery('.st-box').length < 2 ){
jQuery('#remove-btn').hide();
}
})