title: jQuery: making table cells content editable
body: <p>I am currently working on a small app engine project with python, jquery.</p>
  
  <p>I have a simple table(people info for example) with a cell called "Edit" at the last column on each row, please refer to <a href="http://jsfiddle.net/Y7yzE/14/" rel="nofollow">this jsfiddle demo.</a></p>
  
  <p>If I click "Edit", I would like the other cells on this row are editable, and "Edit" turns to "OK";</p>
  
  <p>I can then edit the cells of name, age, etc, if I click "OK", the updated content is submitted, the "OK" turns back to "Edit", and cells become normal(not editable) again.</p>
  
  <p>Any idea how to implement this? thank you in advance.</p>