inline edit HTML Table using Javascript

See more:

C#

Javascript

MVC2

ASP.NET4

I have one html table like below, so i need to edit cell values inline using javascript.

<table id="myTable" width="50%">
    <tr>
        <% Html.BeginForm("Add","Holidays", FormMethod.Post); %>
            <td><input id="Date" type="text" name="date" style="width:250px"/></td>
            <td><input id="Description" type="text" name="Description" style="width:250px"/></td>
            <td><input type="submit" name="submitButton" value="Add" class="highlight"/></td>
        <% Html.EndForm(); %>
    </tr>
        <tr>
            <th>Date</th>
            <th>Description</th>
            <th>Edit</th>
        </tr>
    <%foreach (Holiday kvp in (IList<Holiday>)ViewData["Holidays"])
      {%>
    <tr>
        <td><%= kvp.Date.ToString("dd/MM/yyyy") %></td>
        <td><%= kvp.Description %></td>
        <td><%: Html.ActionLink("Edit", "Edit", "Holidays", new { year = kvp.ID.ToString("yyyy"), holidayid = kvp.ID, name = kvp.Description, date = kvp.Date },  new { @style = "color:Blue;font-size: 11px;text-decoration:none;" })%></td>
    </tr>
    <%} %>



    </table>

Please can help me.

Edit:
I mean just edit option on client side like below

Date Description
01/01/2013 Test1

now if i want change date as 02/02/2013 inline using javascript when i click on that date just change at client side like description.

Regards
Srinivas