i have a list of images i need to be able to move them left and right (sortable) in jquery. I know I need to use Child Selector but can someone lead me down the right path to getting this working please.

e.g so say i click id=1 and i want to move it below id="3"

```
    <div id="image_list">
    <img src="test0.png" id="1"></img>
    <img src="test1.png" id="2"></img>
    <img src="test2.png" id="3"></img>
    <img src="test3.png" id="4"></img>
    </div>

<div id="move_opt">
<div id="left">Move Image Left</div>
<div id="right">Move Image Right</div>
</div>

$('#image_list').live('click', function() {
    var img_class = $(this).attr("class"); 
    var img_src = this.src;
     $('#img_prop').css("display","block");
     $('#pre_img').html("<img src='"+img_src+"'></img>");
}); 

```

Thank you