순서 위치변경 어떻게하죠..

위 사진처럼 화면에서 순서변경 버튼누르면 위치가 변경되고 그 상태를 저장시켜서

다시 사이트에 들어가면 변경한 위치 그대로 화면에 출력하고 싶은데 어떻게하죠??

<?php $i=1; ?>
    <?php while($row=sql_fetch_array($hot)){ ?>
      <tr>
        <td><input type="checkbox" name="n_num" value="<?php echo $row['n_num'] ?>" class="del_chk" /></td>
        <td><?php echo $i++; ?></td>
        <td><?php echo $row['news_title']."------".$row['news_order'] ?></td>
        <td><img id="thumbnail" width="70px;" height="70px"; src="./img/<?php echo $row['thumbnail'] ?>"/></td>
        <td>
                <button type="button" onclick="moveUp(this)">▲</button>
        </td>
        <td>
                <button type="button" onclick="moveDown(this)">▼</button>
            </td>
      </tr>

    <?php } ?>

<script>

function moveUp(el){
var $td = $(el).parent().parent(); // 클릭한 버튼이 속한 td 요소
$td.prev().before($td); // 현재 td 의 이전 td 앞에 선택한 td 넣기
}

function moveDown(el){
var $td = $(el).parent().parent(); // 클릭한 버튼이 속한 td 요소
$td.next().after($td); // 현재 td 의 다음 td 뒤에 선택한 td 넣기
}

</script>

코드

submit으로 보냈을때 값 받는 페이지