Using up/down keys to move between text fields in a table

I have a <table> that is set up roughly like this

Name            Description     Notes
===========================================
[___________]   [_________]     [_________]

There are quite a few rows and rather than the users tabbing through rows, I’d like to implement pressing the Up/Down keys to move up and down in the selected column.

The rows have the ID ‘row_{ID}’ where ID is the database ID. The fields have the ID ‘name_{ID}’, ‘description_{ID}’, ‘notes_{ID}’ etc.

I’m trapping the press with jQuery like:

$  ('input[id^="name_"]').bind('keyup', function(e) {

    if(e.keyCode == 38)
        ...
    else if(e.keyCode == 40)
        ...
});

Essentially I want, if the user is in row 2 of the description and press up, that they move to row 1 description field, and if they press down they move to row 3 description field.

I can’t work out the way to select the next or previous rows. Can anyone provide assistance?

newest questions tagged jquery – Stack Overflow