отклонить недопустимый сортируемый элемент в сортируемом списке

Я пробовал много вещей, но безуспешно :(У меня есть два сортируемых списка, связанных друг с другом. Дело в том, что список «А» может принимать любой элемент списка. Но список «B» может принимать только элемент, имеющий class = «abc»

Код выглядит так

<ul id='A'>
  <li>item A1</i>
  <li>item A2</i>
  <li class='abc'>item A3</i>
</ul>

<ul id='B'>
  <li class='abc'>item A1</i>
</ul>

Код jquery, который я пытаюсь использовать,

$('#A').sortable({revert: true, connectWith: '#B'})
$('#B').sortable({revert: true, connectWith: '#A', over: function(event, ui){
   if(!ui.item.hasClass('abc')){
     ui.placeholder.addClass('ui-state-error');
     ui.sender.sortable('cancel');
   }
}})

Пожалуйста, подскажите, где я ошибаюсь, спасибо