title: Problem with jquery ajax in Opera and Google Chrome
body: <p>I have a page where I need to add a drag and drop functionality to certain elements. When the drop event occurs, it makes an ajax call to a php function and then refreshes the contents of a div. I'm using jQuery with jQueryUI for the drag and drop, and CakePHP as a PHP framework (not sure if this is relevant).</p>
  
  <p>Everything is working just fine in Firefox, Safari and even IE, but in Opera or Chrome the contents of the div isn't refreshed (although the action from the PHP function is executed).</p>
  
  <p>So, here is the code:</p>
  
  <pre><code>jQuery('#lists div').
      filter(function() {return this.id.match(/item[\d]+_[\d]+/);}).
      each(function() { jQuery(this).draggable( {axis: 'y'}); });
  
  jQuery('#lists div').
      filter(function() {
          return this.id.match(/list[\d]+/);}).
                 each(function() { 
                     jQuery(this).droppable({
                        drop: function(event, ui) {
                              dropID = jQuery(event.target).attr('id');
                              dragID = jQuery(ui.draggable).attr('id');
  
                              itemID = dragID.substr(dragID.lastIndexOf('_') + 1);
                              oldListID = dragID.substr(4).replace(/_[\d]+/g, '');
                              newListID = drop.substr(4);
  
                              jQuery.ajax({
                                  url:  "/lists/itemToList/"+itemID+"/"+oldListID+
                                        "/"+newListID,
                                  type: "POST",
                                  success: function (data) {
                                       jQuery('#lists').html(data);}
                              });
                           }
                   });
      });
  </code></pre>
  
  <p>Basically, the success function isn't executed, but if I try to see the errorThrown (on the error event) it is "undefined"</p>