title: Moving values in cells within a table onclick of button
body: <p>I'm trying to move cell values within a three by three table. But I am moving one cell at a time with the click of a button. Is this possible with jQuery or JS? I have the following table:</p>
  
  <pre><code>[1][2][3]
  [4][5][6]
  [7][8][9]
  </code></pre>
  
  <p>and I want to click a button to move right like so:</p>
  
  <pre><code>[4][1][2]
  [7][5][3]
  [8][9][6]
  </code></pre>
  
  <p>and so on..</p>
  
  <p>this is my HTML:</p>
  
  <pre><code>&lt;table&gt;
    &lt;tr&gt;
      &lt;td&gt;1&lt;/td&gt;
      &lt;td&gt;2&lt;/td&gt;
      &lt;td&gt;3&lt;/td&gt;
    &lt;/tr&gt;&lt;tr&gt;
      &lt;td&gt;4&lt;/td&gt;
      &lt;td&gt;5&lt;/td&gt;
      &lt;td&gt;6&lt;/td&gt;
    &lt;/tr&gt;&lt;tr&gt;
      &lt;td&gt;7&lt;/td&gt;
      &lt;td&gt;8&lt;/td&gt;
      &lt;td&gt;9&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  
  &lt;button id="moveStuff"&gt;Move!&lt;/button&gt;
  </code></pre>