focus on next element with "tabindex" but in next td
<p>Why does this not work</p>

<p>I'm trying to focus on the next element in the next td with "tabindex" .</p>

<p>my elements dont have ids and all have the same tabindex</p>

<pre><code>$('form').keypress(function (event) {

        $(":focus").parents('td').next('td').find('[tabindex]:first').focus(); //this is not working

    }

});


&lt;table&gt;
    &lt;tr&gt;
        &lt;td&gt;&lt;input name="TextBox1" type="text"  tabindex="1" /&gt;&lt;/td&gt;
        &lt;td&gt;&lt;input name="TextBox2" type="text"  tabindex="1" /&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;&lt;input name="TextBox3" type="text" tabindex="1" /&gt;&lt;/td&gt;
        &lt;td&gt;&lt;input name="TextBox5" type="text"  tabindex="1" /&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;
                &lt;select name="DropDownList1"  tabindex="1"&gt;
                    &lt;option value=""&gt;&lt;/option&gt;
                    &lt;option value=""&gt;&lt;/option&gt;
                    &lt;option value=""&gt;&lt;/option&gt;
                    &lt;option value=""&gt;&lt;/option&gt;
                    &lt;option value=""&gt;&lt;/option&gt;
                &lt;/select&gt;
        &lt;/td&gt;
        &lt;td&gt;&lt;input name="TextBox6" type="text" tabindex="1" /&gt;&lt;/td&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;&lt;input name="TextBox7" type="text" tabindex="1" /&gt;&lt;/td&gt;&lt;/td&gt;
        &lt;td&gt;&lt;input name="TextBox8" type="text"  tabindex="1" /&gt;&lt;/td&gt;&lt;/td&gt;
    &lt;/tr&gt;

&lt;/table&gt;
</code></pre>
