Document-level Events
HTML
<a href="#" class="test">Trigger</a>
JavaScript
$(document).on('trigger', function(e, data) {
console.log(data);
});
$('a.test').on('click', function(e) {
e.preventDefault();
$(document).trigger('trigger', [{foo: 1,bar:2}]);
});