Grabbing Buttons and Inputs with $$

[WhoButSB]

Hello All,
I'm working on a sortable script which organizes a menus categories
(ie. Appetizers, Entrees, Bar, Dessert, etc.).  Users are able to drab
and drop these categories into any way they want.  The one issue i'm
having is stopping the sortables event when the user wants to update a
textbox fields and submit it with a button.  Here is the script I'm
using and I added a stop event script but mootools isn't applying this
stop event to my text boxs and buttons.  Am I missing something?

new Sortables($('categoryList'), {
        opacity: 1,
        initialize: function(){
                clone: true,
                this.elements.each(function(element, i){
                        $$('checkbox', '.delete', 'span', 'input',
'textarea').each(function(catinput){
                                catinput.addEvents({
                                        'click'     : function(a){ new 
Event(a).stop(); },
                                        'mouseup'   : function(a){ new 
Event(a).stop(); },
                                        'mousedown' : function(a){ new 
Event(a).stop(); }
                                });
                        });
                });
        },
        onComplete: function(){
                var catOrder = this.serialize(function(cat){
                         return cat.id
                });
                var catOrder_url="process.php?
process=categoryListOrder&order="+catOrder;
                new Ajax(catOrder_url).request();
        }
});

Thanks for the help!