title: Drag and Drop table cell contents
body: <p>I have a Dynamic table here. Table data includes one span also. How can drag and drop that span anywhere among table's cells? </p>
  
  <pre><code>&lt;table id="#our_table"&gt;
      &lt;tr&gt;
          &lt;th&gt;head1&lt;/th&gt;
          &lt;th&gt;head1&lt;/th&gt;
          &lt;th&gt;head1&lt;/th&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;&lt;span id="event"&gt;&lt;/td&gt;
          &lt;td&gt;&lt;/td&gt;
          &lt;td&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;&lt;/td&gt;
          &lt;td&gt;&lt;/td&gt;
          &lt;td&gt;&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>