title: Moving an element to another location
body: <p>I want each row's first col content to be moved to its  corresponding third column content. How do I do this? its basically moving the content to its parent's sibling identified by colB class</p>
  
  <pre><code>&lt;tr&gt;
  &lt;td class="move"&gt;
      &lt;div id="move-0"&gt;move me 0&lt;/div&gt;
  &lt;/td&gt;
  &lt;td class="colA"&gt;
      &lt;div&gt;ColA&lt;/div&gt;
  &lt;/td &gt;
  &lt;td class="colB"&gt;
      &lt;div&gt;ColB&lt;/div&gt;
  &lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
  &lt;td class="move"&gt;
      &lt;div id="move-1"&gt;move me 1&lt;/div&gt;
  &lt;/td&gt;
  &lt;td class="colA"&gt;
      &lt;div&gt;ColA&lt;/div&gt;
  &lt;/td &gt;
  &lt;td class="colB"&gt;
      &lt;div&gt;ColB&lt;/div&gt;
  &lt;/td&gt;
  &lt;/tr&gt;
  ...
  </code></pre>
  
  <p>to:</p>
  
  <pre><code>&lt;tr&gt;
  &lt;td class="move"&gt;
  
  &lt;/td&gt;
  &lt;td class="colA"&gt;
      &lt;div&gt;ColA&lt;/div&gt;
  &lt;/td &gt;
  &lt;td class="colB"&gt;
      &lt;div&gt;ColB&lt;/div&gt;
      &lt;div id="move-0"&gt;move me 0&lt;/div&gt;
  &lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
  &lt;td class="move"&gt;
  
  &lt;/td&gt;
  &lt;td class="colA"&gt;
      &lt;div&gt;ColA&lt;/div&gt;
  &lt;/td &gt;
  &lt;td class="colB"&gt;
      &lt;div&gt;ColB&lt;/div&gt;
      &lt;div id="move-1"&gt;move me 1&lt;/div&gt;
  &lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>TIA</p>