Tabelle mit editierbaren Zellen in Javascript/Html

[hmm]

ich versuch jetzt bei der tabelle per jquery eine funktion an jede zelle anzuhängen. die funktion soll aktiviert werden, wenn der mauszeiger die besuchte zelle verlässt. ich habs hiermit versucht:

            $('.td').on( "focusout", function(event) {
                var keycode = event.keyCode || event.which;
                alert("test " + keycode);
            });

leider funktioniert das nicht. wie krieg ich meine funktion eingebaut?