$('div.draggable').livequery(function(){ $(this).draggable({ helper: 'clone', opacity: '0.9' }); var bag_id = $(this).attr('id'); $('div.droppable').droppable({ accept: 'div.draggable', drop: function(event, ui) { var parts_id = $(this).attr('id'); var bag_name = '#'+bag_id; var parts_name = '#'+parts_id; $.ajax({ method: 'GET', url: 'partreplace.php', data: 'part='+parts_id +'&part2='+bag_id+'&s=start' }); $.ajax({ method: 'GET', url: 'partreplace.php', data: 'part='+parts_id +'&s=end', success: function(html) { $(parts_name).html(html); } }); $.ajax({ method: 'GET', url: 'partreplace.php', data: 'part2='+bag_id +'&s=end2', sucess: function(html) { $(bag_name).html(html); } }); } }); });
It updates the parts_name div but the bag_name div doesn't update even though the partreplace.php is working correctly... Any ideas? Using: LiveQuery Addon, jQuery UI for this function...