javascript - JavaScript コードが機能しない

Question

テキストを textfield に変換して編集可能にしたい。ブラウザで試してみたかったので、コピーしてDreamweaverに貼り付けましたが、機能しません:

ここで見つけることができます：http://jsfiddle.net/cnuDh/

しかし、それは機能していません

コードは以下です

<label id="edit" style="cursor:pointer; color:blue;">
  edit
</label>
<table>
    <tr>
        <td>First Name:</td>
        <td>John</td>
    </tr>
    <tr>
        <td>Last Name:</td>
        <td>Wright</td>
    </tr>
</table>
<script type="text/javascript" charset="utf-8">
$('#edit').click(function () {
    var $table = $('table');
    if ($table.find('input').length) return;
    $table.find('td:nth-child(2)').html(function (i, v) {
        return '<input value=' + v + '>';
    })
})
$('table').on('blur', 'input', function () {
    $('table input').replaceWith(function () {
        return this.value;
    })
})
</script>

助けてください