jquery

Uso o codigo abaixo com drag and drop, funciona tudo perfeito, mais queria obter uma informação e não estou conseguindo. São duas colunas onde arrasto os números sorteados, ou para uma ou para outra, até aqui ok.

Quero conseguir pegar o último número e o número atual quando inserir mais um número na coluna, como esta não esta funcionando.

SCRIPT

<script>
 $(function() {
$('#catalog li').css('cursor', 'pointer');
 $( "#catalog li" ).draggable({
 appendTo: "body",
 helper: "clone"

 });
 $( "#cart ul" ).droppable({
 activeClass: "ui-state-default",
 hoverClass: "ui-state-hover",
 accept: ":not(.ui-sortable-helper)",
 drop: function( event, ui ) {
 var numero = ui.draggable.text();
 $( this ).find( ".placeholder" ).remove();
 $( "<li class=\"separa\" id="+numero+"></li>" ).text( ui.draggable.text() ).appendTo( this );

 var anterior = $('li:last').prev().attr('id');
 var atual = $('li:last').attr('id');
 var numero1 = $('#'+anterior).html();
 var numero2 = $('#'+atual).html();
 alert(numero1+ ' - '+numero2);

 }

 })
 });
 </script>

HTML

<div id="catalog" style="width:20px;">
 <ul>
 <li id="sorteio1_1">01</li>
 <li id="sorteio1_2">02</li>
 <li id="sorteio1_3">03</li>
 <li id="sorteio1_4">04</li>
 <li id="sorteio1_5">05</li>
 <li id="sorteio1_6">06</li>
 <li id="sorteio1_7">07</li>
 <li id="sorteio1_8">08</li>
 <li id="sorteio1_9">09</li>
 <li id="sorteio1_10">10</li>
 </ul>
 </div>
</div>

<div id="cart">
<div id="casa">
 <ul id="box0"></ul>
</div>
<div id="casa">
 <ul id="box1"></ul>
</div>

</div>