Restructure a table with JQuery

As I can't modify the code itself that generates a table, I'm trying to restructure it in the dom with the help of JQuery. More precisely, I'm trying to move td id="td03" out and above tr id="tr01" to display:

3
1
2
1 

All I seem to do is move it about in the tr instead of moving it above the tr

$('#tr01').prepend($('#td03').contents());

Fiddle with it.

Please help. Thanks in advance.