how to edit values in table cells to update to database
<p>I have table with database. Here the code with table: <a href="http://jsfiddle.net/centerwow/hsXRf/9/" rel="nofollow">link</a>
I want to click on the cell that I want to update the value.
the cell should have class like below:</p>

<pre><code>.edittd
{
 display:none
}
</code></pre>

<p>after clicking on the cell
the class will be:</p>

<pre><code>.edittd
{
font-size:14px;
width:200px;
background-color:#ffffcc;
border:solid 1px #000;
padding:4px;
}
</code></pre>

<p>this will make the cell more bigger and more Conspicuous.</p>

<p>then after entering the new value and clicking outside the field it gets updated.</p>

<p>I tried to do it like below:</p>

<pre><code>$('tr').click(function(){ 
    $('#display').html(this.id); 
    $('td',this).attr('class').toggleClass('edittd');
});​
</code></pre>

<p>also I don't know how to convert regular cell(td) to input field and revert back to regular cell after updating.</p>
