jqueryでソース上の並び替えをしたい


jqueryでpositionの座標を元にソース上の並び替えをしたいのですがどうしたらよいのでしょうか。

例: leftの値が小さい順に並び替え

[code]

    <div style="position:relative; left: 10px">1</div>
    <div style="position:relative; left: 0px">2</div>
    <div style="position:relative; left: 15px">3</div>
    <div style="position:relative; left: 5px">4</div>
    
[/code]

↓

[code]

    <div style="position:relative; left: 0px">2</div>
    <div style="position:relative; left: 5px">4</div>
    <div style="position:relative; left: 10px">1</div>
    <div style="position:relative; left: 15px">3</div>
    
[/code]



[code]

    var target = $('div'); // 全てのdivが対象になるのでちゃんと指定する
    
    
    var sorted_obj = target.sort(function(a,b){
      return parseInt($(a).css('left')) - parseInt($(b).css('left'));
    }));
    
    target.parent().append(sorted_obj);
    
[/code]

