title: jQuery drag-and-drop DIV selection with images and text
body: <p>I'm using the jQuery tableDnD plugin to make a drag-and-drop list out of a table displaying a list of images for the user to rearrange. The plugin uses an ID on the  tag of the formatting table to rearrange the cells.</p>
  
  <p>When I drag and drop specifically clicking on a spot inside the table cell with no images/content, it works fine. However, when I click on the image (or inside a div containing text) withgin the table cell and try to drag+drop, the text/image gets selected and the rearrange script is not triggered. Neither blocking the select function with css or javascript has worked - any idea?</p>
  
  <p>Example tableDnD code: <a href="http://tablednd.googlecode.com/svn-history/r12/trunk/index.html" rel="nofollow">http://tablednd.googlecode.com/svn-history/r12/trunk/index.html</a></p>
  
  <p>Sample rows from the table in question:</p>
  
  <pre><code>     &lt;table id='imagetable'&gt;&lt;tr id='1'&gt;&lt;td&gt;&lt;img src='images/6/PICT0001.JPG' width='100' class='uploadedThumb'&gt;&lt;div class='imgInfo' onselectstart='return false;' ondragstart='return false;'&gt;images/6/PICT0001.JPG&lt;br&gt;&lt;a href='admin.php?do=deleteImg&amp;id=6&amp;img=images%2F6%2FPICT0001.JPG' style='font-size: 9px;'&gt;[Delete Image]&lt;/a&gt;&lt;/div&gt;&lt;input type='text' name='6' value='' size=2 DISABLED&gt;&lt;/td&gt;
  
  &lt;/tr&gt;&lt;tr id='2'&gt;&lt;td&gt;&lt;img src='images/6/PICT0006.JPG' width='100' class='uploadedThumb'&gt;&lt;div class='imgInfo' onselectstart='return false;' ondragstart='return false;'&gt;images/6/PICT0006.JPG&lt;br&gt;&lt;a href='admin.php?do=deleteImg&amp;id=6&amp;img=images%2F6%2FPICT0006.JPG' style='font-size: 9px;'&gt;[Delete Image]&lt;/a&gt;&lt;/div&gt;&lt;input type='text' name='6' value='' size=2 DISABLED&gt;&lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>