He estado buscando en Google y StackOverflow pero aún no he podido encontrar lo que busco. Si alguien pudiera señalarme en la dirección correcta, sería genial.

Lo que tengo es una tabla con 5 filas

<tr>
    <th scope="row" class="table-check-cell"><input type="checkbox" name="selected[]" id="table-selected-1" value="1"></th>
    <td>123456</td>
    <td>Address 1</td>
    <td>10th Feb 2011 (10:43am)</td>
    <td><ul class="keywords">
        <li class="pink-keyword">Awaiting Reply</li>
        <li class="purple-keyword">Direct</li>
        </ul>
    </td>
    <td>(Notes Text)</td>
    <td>1</td>
    <td class="table-actions">
        <a href="#" title="View" class="with-tip"><img src="images/magnifier.png" width="16" height="16"></a>
        <a href="#" title="Edit" class="with-tip"><img src="images/pencil.png" width="16" height="16"></a>
        <a href="#" title="Validate" class="with-tip"><img src="images/navigation.png" width="16" height="16"></a>
        <a href="#" title="Close" class="with-tip"><img src="images/cross-circle.png" width="16" height="16"></a>
    </td>
</tr>

o que estoy buscando hacer es poder editar la<td>(Notes Text)</td> valor en la celda de la tabla haciendo clic en él para que cambie a un cuadro de entrada (que muestra actualmente lo que está en la celda) para que pueda editarse y guardarse nuevamente haciendo clic fuera de él.

Tengo un conocimiento (muy) básico en jQuery pero estoy bien con el lado de actualización de las cosas que usan PHP / MySQL.

Cualquier ayuda sería genial.

Gracia