jQuery UI Sortable array

jQuery UI Sortable array

Dear jQuery community.
 
Is it possible to display some sort of array in a javascript alert box showing which items are in which columns?  Right now, I can only see what is in the very first column using the following script:
 
  1. $(
".column" ).sortable(
  • { connectWith: '.column' },
  • { stop: function (event, ui) { alert($( '.column' ).sortable( 'toArray' )) }
  •  
    T he HTML looks like this:
     
    < div class ="column">
    < div class ="portlet" id="portlet1">
    < div class ="portlet-header"> portlet 1 </ div >
    < div class ="portlet-content"> content here </ div >
    </ div >
    < div class ="portlet" id="portlet2">
    < div class ="portlet-header"> portlet 2 </ div >
    < div class ="portlet-content"> content here </ div >
    </ div >
    </ div >
     
    < div class ="column">
    < div class ="portlet" id="portlet3">
    < div class ="portlet-header"> portlet 3 </ div >
    < div class ="portlet-content"> content here </ div >
    </ div >
    < div class ="portlet" id="portlet4">
    < div class ="portlet-header"> portlet 3 </ div >
    < div class ="portlet-content"> content here </ div >
    </ div >
    </ div >
     
    The array I get in the alert box is:
     
    portlet1,portlet2
     
    Please help