Split multiple data cells per row in single data cell per row - jQuery

Split multiple data cells per row in single data cell per row - jQuery

I have a table with multiple data cells per row, like this:
<table>
<tbody>
<tr>
<td>content 1</td>
<td>content 2</td>
<td>content 3</td>
</tr>
<tr>
<td colspan="2">content 4</td>
<td>content 5</td>
</tr>
<tr>
<td colspan="3">content 6</td>
</tr>
</tbody>
</table>
How can I split all elements in independent rows using jQuery. To be be
more specific the result will have to be like this
<table>
<tbody>
<tr>
<td>content 1</td>
</tr>
<tr>
<td>content 2</td>
</tr>
<tr>
<td>content 3</td>
</tr>
<tr>
<td>content 4</td>
</tr>
<tr>
<td>content 5</td>
</tr>
<tr>
<td>content 6</td>
</tr>
</tbody>
</table>