jQuery.fn.bindAndCall(type, callback): Not only bind a handler to an event, but also call it immediately once.

jquery.bindAndCall.js

/*!
 * Not only bind a handler to an event, but also call it immediately once.
 * @param {string} event  One or more event types separated by spaces. Only first listed will be immediately called.
 * @param {function(Object)} callback  The event handler
 * @returns {jQuery}
 */
jQuery.fn.bindAndCall = function(type, callback){
	this.bind(type, callback);
	var types = type.split(/\s+/); //because only one type makes sense to call
	this.each(function(){
		var event = $.Event(types[0]); 
		event.target = this;
		callback.call(this, event);
		return !event.isImmediatePropagationStopped();
	});
	return this;
};

Keep in mind that this will also execute all other event handlers bound on that element for that event and bubble up the DOM tree, triggering any other handlers bound to ancestor elements.

You could use triggerHandler to just execute the bound callbacks without bubbling an event up the DOM tree, but that will still execute other bound event handlers on the current element.

A better solution might be to, instead of calling trigger or triggerHandler to literally call the handler with a new $.Event object.

Let me fork this.

You mean doing $foo.change(handler).change() will execute all other bound event handlers and bubble, not my bindAndFire method, right?

Excellent point about triggerHandler! I definitely should have been using it instead of my anti-pattern with ~trigger.

I've been looking at your fork. I'm going to fork your fork.

I also added support for event.stopImmediatePropagation()