Custom events with jQuery

gistfile1.html

  <h1>jQuery Testseite</h1>

	<p id="test">Hello World!</p>
	<p><a href="#" id="clickit">Click it!</a></p>

 	<script type="text/javascript">
 		$(document).ready(
 			function() {

 				$('#test').bind(
 						'colorChange',
 						function() {
 							console.log('Color changed!');
 						}
 				);
 				
		 		$('#clickit').click(
		 				function(){
		 					$('#test').css('color', 'Red');
		 					$('#test').trigger('colorChange')
		 				}
		 		);
	 			
 			} 		
		);
	
	 </script>