jQuery - DOMを使わないでカスタムイベント

javascript jquery event customevent 
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<style type="text/css">
		body {
			margin: 0;
			padding: 0;
			background-color: #202020;
			color: #FFFFFF;
		}
		</style>
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script>
		<script type="text/javascript">

var createLoader = function() {
	return $.extend(jQuery({}), {
		load: function(url) {
			var that = this;
			$.ajax({url: url, success: function(data, status) {
				that.triggerHandler('loadComplete', [data, status]);
			}, dataType: 'text'});
		}
	});
};

$(document).ready(function() {
	var loader = createLoader();
	loader.bind('loadComplete', function(event, data, status) {$('#output').val(data);});
	loader.load('test.txt');
});
		</script>
  </head>
  <body>
  <form>
  <textarea id="output" rows="30" cols="80"></textarea>
  </form>
  </body>
</html>

参考サイト
http://groups.google.com/group/jquery-en/browse_thread/thread/8a9e617a1c79b5d2/61ba4b368c38ac6e?hl=en=ba4b368c38ac6e
http://groups.google.com/group/jquery-en/browse_thread/thread/ca240728a94250b4/752cd313ab615bfa?hl=en%CB%B0cd313ab615bfa