Triggers jQuery events when some key mediaQuery breakpoints are hit

jQuery Media Query List Events

(function($){

  $(function() {

		var mqls = [window.matchMedia("(min-width: 1900px)"), window.matchMedia("(max-width: 780px)"), window.matchMedia("(max-width: 480px)")],
				handleOrientationChange = function(mql) {
					switch(mql.media) {
						case '(min-width: 1900px)' :
							$(document).trigger('matchesHD.mediaQuery', { 'mql' : mql });
							break;
						case '(max-width: 780px)' :
							$(document).trigger('matchesTabletPortrait.mediaQuery', { 'mql' : mql });
							break;
						case '(max-width: 480px)' :
							$(document).trigger('matchesMobile.mediaQuery', { 'mql' : mql });
							break;
					}
					if(mql.matches) $(document).trigger('matches.mediaQuery', { 'mql' : mql });
				},
				mql, i;

		for(i in mqls) {
			mql = mqls[i];
			mql.addListener(handleOrientationChange);
			handleOrientationChange(mql);
		}

	});

})(jQuery)