JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<table class="table table-responsive table-bordered order-list" id="educationTable">
											    <thead>
											    	<tr>
												        <th>Institute Name</th>
												        <th>Qualification</th>
												        <th>Admission Date</th>
												        <th>Graduation Date</th>
												        <th>Degree Scanned Image</th>
												        <th>Actions</th>
												    </tr>
											    </thead>
											    <tbody>
											      	<tr id="educationTableBody">
												        <td><input type="text" class="form-control" name="txt[]" id="number" /></td>
												        <td><input type="text" class="form-control" name="txt[]" id="number" /></td>
												        <td><input type="text" class="form-control" name="txt[]" id="number" /></td>
												        <td><input type="text" class="form-control" name="txt[]" id="number" /></td>
												        <td><input type="text" class="form-control" name="txt[]" id="number" /></td>
												        <td><i id="add" class="fa fa-plus-circle fa-2x fa-fw" onclick="insTableRow('educationTable')"></i></td>
												    </tr>
											    </tbody>
											</table>

JavaScript

function insTableRow(tableID) {
    var x=document.getElementById(tableID);
    var get_row = x.rows[1];
    var new_row = x.rows[1].cloneNode(true);
    $("#"+tableID+" tbody").append(new_row);
  }