jQuery // Moving up and down on Arrow Down event
<p>I'm trying to replicate the same event you can do inside ms access datagrid where you can use the arrow up and down to move from a row.  As for a example I only showed 2 rows but it could be much more.</p>

<p>I've got the following HTML</p>

<pre><code>&lt;div class="cell celldata cell_service_data" id="cell_service_rate_1"&gt;
&lt;input type="text" id="rate_service_row_1" class="rate_service_row"/&gt;
&lt;/div&gt;
&lt;div class="cell celldata cell_service_data" id="cell_service_rate_2"&gt;
    &lt;input type="text" id="rate_service_row_2" class="rate_service_row"/&gt;
&lt;/div&gt;
</code></pre>

<p>And the jQuery</p>

<pre><code>$('.rate_service_row').keydown(function (e) {
    var rateId = $(this).attr('id');

  var keyCode = e.keyCode || e.which,
      arrow = {left: 37, up: 38, right: 39, down: 40 };

  switch (keyCode) {
    case arrow.left:
      //..
    break;
    case arrow.up:
      //..
    break;
    case arrow.right:
      //..
    break;
    case arrow.down:
         //Set focus to the same cell next row
    break;
  }
});
</code></pre>

<p>So my question is how can I in jquery put inside the arrow.down case the following logic.<br>
nextcell = cell_service_rate_1 + 1 and should equal cell_service_rate_2</p>
