How to apply add/save from modal window

I've got a web application where I want to be able to add qualifications to a user.

When I open the Edit Employee form there is an Add button and a Delete button. When clicking on the Add button, a Bootstrap modal opens, with another form in it, where you can choose the Qualification as well as a Date Of Issue.

The Forms

Question:

When or how should I save the data? Should/can I use Ajax to add the qualification to the user and refresh only the Qualification field in the main form, without having to submit both forms? Or should I only really add the qualification to the user if he/she clicks the Save button on the main form?