<!DOCTYPE html>
<html>
<head>
<style>
table.table thead tr th {
vertical-align: middle;
}
</style>
</head>
<body>
<table id="students" border="1">
<thead>
<tr>
<th>Name</th>
<th>Age</th>
<th>Grade</th>
<th style="min-width:340px;" colspan="2">
Other
</th>
</tr>
<tr>
<th>Address</th>
<th>SSN</th>
</tr>
</thead>
<tbody>
<tr>
<td>Oscar</td>
<td>23</td>
<td>16.5</td>
<td>1st street, orange city</td>
<td>25435345</td>
</tr>
<tr>
<td>Antonio</td>
<td>32</td>
<td>14</td>
<td>1st street, orange city</td>
<td>25435345</td>
</tr>
<tr>
<td>Jessica</td>
<td>21</td>
<td>19</td>
<td>1st street, orange city</td>
<td>25435345</td>
</tr>
</tbody>
</table>
<br>
<button id="run">Convert!</button>
<script src="//code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="//lightswitch05.github.io/table-to-json/javascripts/jquery.tabletojson.min.js"></script>
<script src="script.js"></script>
</body>
</html>
// Code goes here
$('#run').click( function() {
var table = $('#students').tableToJSON();
alert(JSON.stringify(table));
});