javascript - EditableGrid - jQuery 経由で新しい値を取得

Question

editableGridテーブルを使用しています。<td>要素の編集済みコンテンツを非表示<input>の s にコピーする必要があります。

.text()jQueryメソッドで取得しようとしていますが、変更前の値を返します。もう一度編集する<td>と、以前に入力したテキストなどが返されます。簡単な例:

<table id="htmlgrid" class="testgrid">
<tr id="0">
    <td>Fridge 123</td>
    <input type="hidden" name="[0][name]" value="Fridge 123">
    <td>7.000 CZK</td>
    <input type="hidden" name="[0][price]" value="7000">
</tr>
</table>

ここで、「Fridge 123」という名前を「Fridge 456」に変更し、この新しい名前を入力にコピーします。<input type="hidden" name="[0][name]" value="Fridge 456">

このjQueryコードの使用

$("#htmlgrid td").change(function() {
    console.log($(this).text());
});

の値が得られますがFridge 123、これは間違っています。新しく入力された値を取得するために、これをどのように行うことができますか?