How to detect a key event in a <tr>
<p>I have a list in this format:</p>

<pre><code>&lt;tr class='hoverTr trBuscaFornecedor'&gt;
    &lt;td width='100px'&gt;Information 0&lt;/td&gt;
    &lt;td&gt;Information 1&lt;/td&gt;
    &lt;td&gt;&lt;input type='radio' class='hidden_apoioSelect'/&gt;&lt;/td&gt;
&lt;/tr&gt;
</code></pre>

<p>And the js:</p>

<pre><code>$(".hidden_apoioSelect").live("focusin", function(){
    $(this).keydown(function(e) {
        if((e.keyCode == 13 || e.keyCode == 40)){ 
            $(this).closest("tr").next().find('input').focus(); 
            $(this).closest("tr").removeClass("activeTr");
            $(this).closest("tr").next().addClass("activeTr");

        }else if(e.keyCode == 38){ 
            $(this).closest("tr").prev().find('input').focus(); 
            $(this).closest("tr").removeClass("activeTr");
            $(this).closest("tr").prev().addClass("activeTr");
        }
    });
});
</code></pre>

<p>So, this will give to user a chance to use their keyboard to select an item in a list of database results.</p>

<p>As you can see, I was forced to put a <code>radio</code> to make the <code>focus</code> follow the lines, so my question is:</p>

<p>How can I do this without the <code>radio</code>, using only the <code>&lt;tr&gt;</code>?</p>

<p>p.s. I will accept any tips to improve my code.</p>

<p>Thanks!</p>
