[JavaScript][Jquery UI] Dziwne zachowanie sortable(), kolizja class ? Opcje

[deprr2]

Witam otóż bawię się w jquery ui i mam pewien problem otóż, najpierw zapodam kod

CODE

$( ".connect" ).sortable({
connectWith:".connect",
opacity: 0.3,
cursor: "crosshair"
});



<div id="sortable" class="connect">

<?php
for($i=0;$i<10;$i++):
echo '<li class="ui-state-default" id="kloc'.$i.'">
<h3 class="ui-widget-header">Header</h3>
'.$i.'</li>';
endfor;
?>
</div>


<div id="sortable2" class="xxx" class="connect" style="background-color:red;min-width:430px;height:200px;float:left;min-height:90px;height:auto;">
</div>

taki troche pseudo kod, ale chodzi o to, że jeśli dodam w sortable2 jakas inna klase/id (tak jak dodalem class="xxx" dodatkowo) to automatycznie zostaje zakłócona praca zakotwiczenia klocka w polu sortable2. Skąd takie zachowanie ? jak sobie z nim poradzić ? bardzo potrzebuje wprowadzic dodatkowe class( i nie moge w tym przypadku stylów css przypisać do id #sortable2)