ANTICHAT - Показать сообщение отдельно - [JavaScript, AJAX] Задай вопрос, получи ответ

Вопрос как мне получить содержание id?
как сделать что блок посередине оставался в поле.

Проблема какой бы блок не перетащил все время показывает id="x1"

Код:

  $(function() {
       
       
        $(".xx").draggable({ revert: 'invalid'});
      
      
        
         $(".setka").droppable({
          activeClass: 'ui-state-hover',
          // hoverClass: 'ui-state-active',
            drop: function(event, ui) {
       var sh =    $(".xx").attr('id');
       alert(sh);
              
       // $("#"+sh).draggable( 'destroy' );       
                 
                  
               
        }        
              
      });       
                  
    });

Код HTML:

<div class="xx" id="x1">Sample1</div>
<div class="xx" id="x2">Sample2</div>
<div class="xx" id="x3">Sample3</div>
<div class="xx" id="x4">Sample4</div>

<table cellpadding="0" class="cardpole" cellspacing="0">
<tr>
<td class="setka">1</td>
<td class="setka">2</td>
<td class="setka">3</td>
</tr>

 <tr>
<td class="setka">4</td>
<td class="setka" >5</td>
<td class="setka">6</td>
</tr>

  <tr>
<td class="setka">7</td>
<td class="setka">8</td>
<td class="setka">9</td>
</tr>

</table>