question about jQuery droppable/draggable
<p>I modified a sample photo manager application. </p>

<p><a href="http://www.java2s.com/Code/JavaScript/jQuery/jQueryUIDroppableSimplephotomanager.htm" rel="nofollow">photo manager application</a></p>

<p>Instead of photos, I have employee records coming from a query. My version will let managers mark employees as on vacation, or at work. One of the things I did is to include employee ids like <code>&lt;a href="123"&gt;</code>. I get the ids from event.target. This works for the click function but not for the "droppable" function. This is what I have for the click function:</p>

<pre><code>$('ul.gallery &gt; li').click(function(ev) {
  var $item = $(this);
var $unid = ev.target;
var $target = $(ev.target);
if ($target.is('a.ui-icon-suitcase')) {
 deleteImage($item,$unid);
} else if ($target.is('a.ui-icon-arrowreturnthick-1-w')) {
 recycleImage($item,$unid);
}
return false;
</code></pre>

<p>});</p>

<p>ev.target correctly gives the employee id.</p>

<p>when i try the same in one of the droppable functions:</p>

<pre><code>$gallery.droppable({
accept: '#suitcase li',
activeClass: 'custom-state-active',
drop: function(ev, ui) {
 var $unid = ev.target;
 alert($unid);
 recycleImage(ui.draggable,$unid);
}
</code></pre>

<p>});</p>

<p>the alert(ui) gives me [object]. What's in this object? How do i get the href out of this?</p>

<p>thanks</p>
