jquery 관련하여 조언 부탁드립니다.

<select>
<option value="수입"> 수입</option>
<option value="지출"> 지출</option>
</selct>

수입을 select하면

<table>
<tr><td id=from_>From</td> <td id=in1>input box1</td></tr>
<tr><td id=to_>To</td> <td id=in2>input box2</td></tr>
</table>

수입을 select하면

<table>
<tr><td id=from_>From</td> <td id=in2>input box2</td></tr>
<tr><td id=to_>To</td> <td id=in1>input box1</td></tr>
</table>


이렇게 td만 위아래로 반대로 되게 jquery로 하려면 어떻게 해야하나요?
append, prepend, after, before 이것 저것 한참 해봐도 잘 안되네요..

jquery 고수님들 조언부탁드립니다..