title: remove <a href> from a draggable when being dragged - jquery
body: <p>I have this site which is a grid of draggable links. When dragged a drop down  appears where the user can drag to trash the draggable. </p>
  
  <p>Problem is that when they drop it on the droppble, the link opens up! Which is not supposed to be happening. I've tried adding</p>
  
  <pre><code>ui.draggable.find('a').removeAttr('href')
  </code></pre>
  
  <p>to my handleDropEvent function, but it didn't help.</p>
  
  <p>Any javascript geniuses care to take a look?</p>
  
  <p><strong>EDIT</strong> I tried also adding :</p>
  
  <pre><code>ui.draggable.find('a').click(function(e) { e.preventDefault();
  </code></pre>
  
  <p>to the following like so:</p>
  
  <pre><code>$('.draggable').draggable({ start: function( event, ui ) {$('#dropdownAddTile').slideDown();ui.draggable.find('a').click(function(e) { e.preventDefault(); });},  stop: function() {$('#dropdownAddTile').slideUp();}, containment: '#container', snap:'.droppable', snapMode:'inner', revert:'invalid',snapTolerance: 32});
  </code></pre>
  
  <p><strong>ANOTHER EDIT</strong></p>
  
  <p>I should point out (just figured out) that I have the draggable class applied to an href like this :</p>
  
  <pre><code>&lt;a href class="draggable"&gt;
  </code></pre>
  
  <p>So solutions so far have caused the problem where we remove the link and it stops the draggable from being draggable! Is there another way?</p>