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

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

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

<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>

↓

<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>