Override jquery.delegate() to accept an object

$.fn.delegate.js

/**
 * Override .delegate()
 * if 'selector' is an object loop over the object and call .live() for each item
 * otherwise it call .live() just like the original .delegate().
 * Roughly similar to the way the map is implemented in .bind().
 */
    $.fn.delegate = function(selector, types, data, fn) {
        if (typeof selector === "object") {
            for (var sel in selector) {
                for (var type in selector[sel]) {
                    this.live(type, data, selector[sel][type], sel);
                }
            }
            return this;
        } else {
            return this.live(types, data, fn, selector);
        }
    };

Usage

Call delegate with an object map of selectors, events and function

$('#header').delegate({
    'img' : {
        'click dblclick':function() {
            console.log('clicked')
        }
    },
    'li' : {
        mouseover:function() {
            console.log('over')
        },
        mouseout:function() {
            console.log('out')
        }
    }
}, {foo:123 , bar:456});

//test regular delegate call
$('#header').delegate('img', 'click dblclick', function click() {
    console.log('clicked')
});

//test regular delegate call with a data object
$('#header').delegate('img', 'click dblclick', {foo:123 , bar:456}, function click() {
    console.log('clicked')
});

I assume .delegate now calls .on() underneath?