jquery selectbox option 순서 이동

jquery의 before()와 after()를 이용해서

multiple selectbox에서 순서이동을 한다.

function selectUp(){
                $('#orderSelect option:selected').each(function(){
                    var selectObj = $(this)
                    if(selectObj.index() == 0 )
                        return false;
                   
                    var targetObj = $('#orderSelect option:eq('+(selectObj.index()-1)+')');
                    targetObj.before(selectObj);
                });
            }
            function selectDown(){
                $('#orderSelect option:selected').each(function(){
                    var selectObj = $(this)
                    if(selectObj.index() == $('#orderSelect').children().length )
                        return false;
                   
                    var targetObj = $('#orderSelect option:eq('+(selectObj.index()+1)+')');
                    targetObj.after(selectObj);
                });
            }

before는.. 해당 항목 전에 추가하는거고.. after는 해당항목 후에 추가하는걸로 알고 있었는데..

왜 -_-;..... remove되고 append가 되는거지..........흠;;

하튼.. 위에 자바스크립트를 이용하면.. 순서이동이 되긴함.;;