Draggable and .load problem

Draggable and .load problem


I basically have an image importer setup that loads in a draggable
thumb from a form entered link, i am using ajax to refresh the ul
which contains the draggable thumbs on submit. All works perfectly
apart from when the div reloads with the new image thumb added to the
li, draggable breaks completely and i can't drag anything
here's my ajax :
    $.ajax({
            type: "post",
            url: "paste_url.php",
            data: dataString,
            success: function(){
             $('#gallery ul.thumbs').load('upload.php #gallery
ul.thumbs');
            }
        });
and the div in question:
    <div id="gallery">
        <ul class="thumbs">
            <?php
                ///////image thumbs///////
                while ($row = mysql_fetch_assoc($urls)) {
                $imgSrc = $row['url'];
             echo("<li class='draggable thumb ui-state-
highlight'><img src='$imgSrc' alt='thumb'></li>");
            }
            ?>
        </ul>
    </div>
any help would be much appreciated, thanks!