[jQuery] OK, why does *this* function kill Interface Drag/Drop?

[dennis]

New to javascript. New to jQuery. I've hit the wall.

Interface Drag/Drop works, my search photos by tags works. Add/delete
images to/from database works. All work as separate pieces. But when I
try to add my search ajax function to same page where drag/drop stuff
resides, the latter stop working.

My search function puts found images into the same div id
("#theSearchResultImages") that Drag/Drop uses as its draggable area.
Is there some sort of conflict imposed by doing so?

My function + html:

<script type="text/javascript">
$(document).ready(
  function()
  {
  $('#searchAlbumPhotos :submit').bind("click", function(){
  $.ajax({url: "/jsrpc/search_album_photos_by_tags",
          type: "POST",
          data: "tagname=" + $("[EMAIL PROTECTED]").val(),
          success: function(response){$
("#theSearchResultImages").html(response);},
          dataType: "html"});
        return false;
  });

});
</script>

<form action="" id="searchAlbumPhotos" name="searchAlbumPhotos"
method="POST" />
<input type="text" name="tagname" value="" />&nbsp;
<input type="submit" name="submit" id="submit" value="+" />
</form>

I'll really appreciate any help.

/dennis