How and where to save the dynamic table contents and where to save the data

See more:

Javascript

HTML

List your qualifications with the most recent first.
<form id="Academic_Details">
<input value="Click to add One more" >

<input value="Click to delete a record" >



<input name="chk" type="checkbox">
<input type="text" name="Course/Degree Name" placeholder="Course/Degree" id="Course_Degree_Name">
<input type="text" name="School/college Name" placeholder="School/college Name">
<input type="text" name="Board/University Name" placeholder="Board/University Name">
<input type="text" name="Percentage/CGPA" placeholder="Percentage/CGPA">
<input type="text" name="Year of Passing" placeholder="Year of Passing">



</form>
NOTE : To Delete a record first click on the Check-Box then on the delete Botton
<input type="button" name="second" value="Save" for="Academic_Details" class="myButton">

Here is the screen shot of the html i have creater

Here when ever iam clicking on the clicktoaddonemore button its adding a new row into the table. My problem is how to collect the data of all the rows at a time or one by one . I am using this data to save it onto a .pdf file.