Putting a table into an array of objects

index.html

/* 
table>thead(>tr>th{column $}*4)+tbody(>tr*5>td{data $}*4)
*/
<table>
    <thead>
        <tr>
            <th>column 1</th>
            <th>column 2</th>
            <th>column 3</th>
            <th>column 4</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>data 1</td>
            <td>data 2</td>
            <td>data 3</td>
            <td>data 4</td>
        </tr>
        <tr>
            <td>data 1</td>
            <td>data 2</td>
            <td>data 3</td>
            <td>data 4</td>
        </tr>
        <tr>
            <td>data 1</td>
            <td>data 2</td>
            <td>data 3</td>
            <td>data 4</td>
        </tr>
        <tr>
            <td>data 1</td>
            <td>data 2</td>
            <td>data 3</td>
            <td>data 4</td>
        </tr>
        <tr>
            <td>data 1</td>
            <td>data 2</td>
            <td>data 3</td>
            <td>data 4</td>
        </tr>
    </tbody>
</table>

main.js

var tArr = [];
var tObj = {};

for (var i=0; i< $('tbody tr').length; i++){
    for (var j = 0; j< $('th').length; j++){
      tObj[$('th').eq(j).text()] = $('tbody tr:eq('+i+') td:eq('+j+')').text();  
      //console.log(tObj);
    }
    tArr.push(tObj);
}

console.log(tArr);