Part 2 Creation of Add Remove Button

The add and remove button is added in front of the table:

 

              <p> 
                    <input type="button" class="btn btn-success" value="Add a New Education History" onClick="addRow('eduTable')" /> 
                    <input type="button" class="btn btn-warning" value="Remove Selected Education History" onClick="deleteRow('eduTable')"  /> 
                    <!-- <p>(All acions apply only to entries with check marked check boxes only.)</p> -->

                </p>

                <div class="table-responsive">
               <table id="eduTable" class="form" border="dotted">
</table>

Adding the style for the buttons:

.btn-success {
     color: #000; 
    background-color: #fff; 
    border-color: #4cae4c;
}
.btn-warning {
    color: #000;
    background-color: #fff;
    border-color: #d58512;
}