javascript - DIV をドラッグするときに id の値を関数に渡す方法は?

Question

これは私のJavascriptです

$(document).ready(function(){
   $( ".ex" ).draggable({containment:'parent',cursor:'pointer',opacity:0.6,




 stop : function () {
           var x = $(this).position().left;
           var y = $(this).position().top;

             $.ajax({
    url: "savedrag.php", /* You need to enter the URL of your server side script*/
    type: "POST",
      /* add the other variables here or serialize the entire form. 
      Image data must be URI encoded */
    data:{
            x: x,
            y: y
            },  
    success: function(msg)
    {
       alert("position save");
    }

        })
       } 
});

});

これは私のPHPです

   <?php

$qry = "SELECT * from contact Where CustomerID='$pid'";
$result = mysql_query($qry);

while ($row = mysql_fetch_array($result)) 
{

 echo '<div class="ex">';
 $row["ContactID"];
 echo '</div>';

}


?>

変数 $row["ContactID"] を各関数に渡して、ドラッグ可能な各 div がデータベース内で独自の位置を持つようにするにはどうすればよいですか?

以前は、onclick(this); を使用してボタンから値を渡していました。しかし、ドラッグ可能に対して同じことはできません。