怎么用jQuery、Ajax、php实现这样的无刷新编辑功能？

先放我做好的效果图。如下图1为编辑前的效果，图2为点击“修改库存”后的效果。html和CSS已经弄出来了，但不懂javascript。修改后的数据直接通过后台php修改到mysql，若成功则直接返回数据到库存的td单元格。然后是我的html代码。

<tr id="3308">
    <td><img src="/1369118039-3308.jpg!w120" /></td>
    <td><strong>3308</strong></td>
    <td><span>3.97</span>&nbsp;M³</td>
    <td><span>2950.00</span>&nbsp;元</td>
    <td>2013-05-21 14:36:20</td>
    <td><input type="text" placeholder="输入库存数"></input></td>
    <td><a class="button small success">保存修改</a></td>
</tr>

求兄弟们能给个详细点的答案，实在是不懂javascript啊，整个页面就差这一个功能实现了。另外，这样的表格有长长一列，我可以用php循环生成动态html标签id的。

感谢感谢！