How can I use jQuery to reassign the tab-order from horizontal to vertical in a table?
<p>How can I use jQuery to set up the tabbing order of a table with input elements so that the tab-order will be vertical (down each of the columns) instead of the default horizontal method?</p>

<p>The numbers below represent the tabbing order I would like. I'd the jQuery code to work independently of the number of rows and columns in the table.</p>

<p><strong>Example Table</strong> (rendered as an image unfortunately)</p>

<p><img src="http://img263.imageshack.us/img263/9125/picture1pjf.png" alt="Picture 1.png" /></p>

<p>Example table HTML Code:</p>

<pre><code>&lt;table&gt;
 &lt;tr&gt;
  &lt;td&gt;&lt;input type="text" /&gt;&lt;/td&gt; &lt;!-- 1 --&gt;
  &lt;td&gt;&lt;input type="text" /&gt;&lt;/td&gt; &lt;!-- 4 --&gt;
  &lt;td&gt;&lt;input type="text" /&gt;&lt;/td&gt; &lt;!-- 7 --&gt; 
 &lt;/tr&gt;
 &lt;tr&gt;
  &lt;td&gt;&lt;input type="text" /&gt;&lt;/td&gt; &lt;!-- 2 --&gt;
  &lt;td&gt;&lt;input type="text" /&gt;&lt;/td&gt; &lt;!-- 5 --&gt;
  &lt;td&gt;&lt;input type="text" /&gt;&lt;/td&gt; &lt;!-- 8 --&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
  &lt;td&gt;&lt;input type="text" /&gt;&lt;/td&gt; &lt;!-- 3 --&gt;
  &lt;td&gt;&lt;input type="text" /&gt;&lt;/td&gt; &lt;!-- 6 --&gt;
  &lt;td&gt;&lt;input type="text" /&gt;&lt;/td&gt; &lt;!-- 9 --&gt;
 &lt;/tr&gt;
&lt;/table&gt;
</code></pre>
