javascript jquery create and listen for event

Question

Is there an simple example of how to create an event in javascript and listen for it?

Trying to create a Complete event, similar to the ajaxComplete. Want other stuff on the page to show messages when Complete event is fired.

Answer 1

//create a hanlder:
$('.myselector, .myDue').on('myEvent',function(){
  alert('custom event fired');
});

//trigger the event a few ways:
$('.myselector').trigger('myEvent');

$('.myselector').click(function(){
    $(this).trigger('myEvent');
});

function hitTheTrigger(whatwashit){
   $(whatwashit).trigger('myEvent');
}

hitTheTrigger('.myDue');
hitTheTrigger('.myselector');

test it out here: http://jsfiddle.net/MarkSchultheiss/rTNTg/