Работа с таблицей

(function($) {
    var opts = {
        row: 1,
        col: 2,
        add: 'html'
    };
    var methods = {
        init: function(o) {
            var table = $('<table />');
            opts = $.extend(opts, o);
            if (opts.row <= 0 || opts.col <= 0) {
                return false;
            }
            for (var i = 0; i < opts.row; i++) {
                table.append(methods.makeRow(i));
            }
            this[opts.add](table);
        },
        makeRow: function(i) {
            var L = methods.letter(i);
            return $('<tr />', {
                    html: $('<td />').duplicate(opts.cols - 1)
                }).duplicate(2)
                .first()
                .find('td').each(function(i, el) {
                    $(el).html(L + '<sub>' + i + '</sub>');
                })
                .end()
                .prepend($('<td />', {
                    attr: {
                        rowspan: 2
                    },
                    text: L
                })).end();
        },
        letter: function(i) {
            var start = 65;
            return String.fromCharCode(i > start ? start : start + i);
        }
    };
    $.fn.duplicate = function(count) {
        var tmp = [];
        for (var i = 0; i < count; i++) {
            if (this[0].tagName === 'TD') {
                this.text(i);
            }
            $.merge(tmp, this.clone().get());
        }
        return this.pushStack(tmp);
    };
    $.fn.generateTable = function(o) {
        return methods.init.apply(this, arguments);
    };
}(jQuery));

$('form').on('submit', function(e) {
    e.preventDefault();
    $('output').generateTable({
        row: $('#rows', this).val(),
        cols: $('#cols', this).val(),
        add: 'html' /* или append, prepend и т.д. */
    });
});

$(function()    {
    $('td').click(function(e)   {
        //ловим элемент, по которому кликнули
        var t = e.target || e.srcElement;
        //получаем название тега
        var elm_name = t.tagName.toLowerCase();
        //если это инпут - ничего не делаем
        if(elm_name == 'input') {return false;}
        var val = $(this).html();
        var code = '<input type="text" id="edit" value="'+val+'" />';
        $(this).empty().append(code);
        $('#edit').focus();
        $('#edit').blur(function()  {
            var val = $(this).val();
            $(this).parent().empty().html(val);
        });
    });
});