title: Sortable <tr> using only image
body: <p>I have a page that looks like this:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $(function () {
  
          $('table tbody').sortable({
              update: OnSortableUpdate
          });
          $('table tbody').disableSelection();
  });
  &lt;/script&gt;
  
  &lt;table&gt;
  &lt;tr class="sortable-tr"&gt;
      &lt;td&gt;A&lt;/td&gt;
      &lt;td&gt;B&lt;/td&gt;
      &lt;td&gt;&lt;img src="sort.png" class="sort-handle" /&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr class="sortable-tr"&gt;
      &lt;td&gt;A&lt;/td&gt;
      &lt;td&gt;B&lt;/td&gt;
      &lt;td&gt;&lt;img src="sort.png" class="sort-handle" /&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Which works great. But I would like to sort the 's only using the image for each row. Now its possible to drag etc </p>
  
  <p>How is that done?</p>