Rearranging table in JavaScript
<p>I want reorder table rows using JavaScript .</p>

<p>for eg:</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;td&gt;4&lt;/td&gt;
  &lt;tr&gt;
  &lt;tr&gt;
    &lt;td&gt;A&lt;/td&gt;
    &lt;td&gt;B&lt;/td&gt;
    &lt;td&gt;C&lt;/td&gt;
    &lt;td&gt;D&lt;/td&gt;
  &lt;tr&gt;
  &lt;tr&gt;
    &lt;td&gt;A1&lt;/td&gt;
    &lt;td&gt;B1&lt;/td&gt;
    &lt;td&gt;C1&lt;/td&gt;
    &lt;td&gt;D1&lt;/td&gt;
  &lt;tr&gt;
&lt;/table&gt;
</code></pre>

<p>I want to do this in JavaScript without using jQuery.  I want to show the A1,B1,C1,D1.. row as the first row and then 1,2,3,4 row and then A,B,C,D row.</p>

<p>I know that there will be some wait time on the client side but I need to do it in the client side. Is there some generic solution to do this, for any number of rows?</p>
