I am trying to throw a custom event and have it handled using .on().  Here is the gist of what I have:

2. jQuery( document).ready( function(){
3. jQuery( 'a' ).click( function( ev ){
4. ev.preventDefault():
5. ...
6. console.log( 'triggering controllerChange event ...' );
7. jQuery( document ).trigger( 'controllerChange' );
8. });
9. 
   
10. jQuery( documunt ).on( 'controllerChange', function( ev ){
11.  console.log( 'controllerChange being handled.');
12. ...
13. });
14. });

When clicking a link on the page, I get the 'triggering controllerChange event ...') message in my console, but the operations in the handler do not take place and the console does not log the 'controllerChange being handled' message.  My understanding of trigger() and on() is that this should work.  Any ideas on what I am doing wrong?