JavaScript code not working
<p>I want to make text editable by converting it to textfield . i just wanted to try it in my browser so i copied it and paste it in Dreamweaver but its not working:</p>

<p>you can find it here : <a href="http://jsfiddle.net/cnuDh/" rel="nofollow">http://jsfiddle.net/cnuDh/</a></p>

<p>but its not working</p>

<p>the code is below</p>

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

<p>Any help please</p>
