ExtJs 4 form example

HTML

<link rel="stylesheet" href="http://dev.sencha.com/deploy/ext-4.0.2a/resources/css/ext-all.css">
<table>
    <tr>
        <td class="default">Default here</td>
        <td class="clicked">Clicked here</td>
    </tr>
</table>

JavaScript

$(document).on('click','td.default',function () {
    $(this).attr('class', 'clicked');
    $(this).text("monkey");
    $("#ouput").append("td.default clicked<br/>"); //reporting message
});
$(document).on('click','td.clicked',function () {
    $(this).attr('class', 'default');
    $(this).text("empty");
    $("#ouput").append("td.clicked clicked<br/>"); //reporting message
});