title: Use arrow keys to navigate an HTML table
body: <p>I've created a very basic spreadsheet using an HTML table.  It works perfectly, except the user must use the mouse to click on every <code>&lt;td&gt;</code> in order to edit it. I'm capturing the click event with jQuery and displaying a dialog to edit it.  I would like the user to be able to use the arrow keys to navigate to each cell, with the cell css background changing to indicate focus, and clicking the Enter key would trigger the jQuery dialog event.  I'm using jQuery 1.9.</p>
  
  <p>Here is a <a href="http://jsfiddle.net/lanebuckingham/SbCaJ/" rel="noreferrer">jsfiddle</a> of basically what I have.</p>
  
  <p>How do you save the currently selected cell, so that when you click on a cell with the mouse, and then use the arrow keys, it will navigate from the 'current' cell?</p>
  
  <p>Thanks.</p>