title: How can I listen to jQuery events in AngularJS
body: <p>I am rewriting a jQuery application to using AngularJS. I am using small steps, and replacing one area at a time. I am however having issues on how I can listen to jQuery's events in AngularJS.</p>
  
  <p>As an example I have a <code>$(document).trigger('doSomething')</code> in a jQuery Widget. How can I listen to it in a AngularJS controller?</p>
  
  <p>I have tried using <code>$scope.$on('doSomething', function(){})</code>, but that only refers to the scope of the controller. I also tried with <code>$rootScope.$on('doSomething', function(){})</code>, but without luck.</p>
  
  <p>Is there any way where I step by step can convert my application, and just listen to the document events triggered by jQuery?</p>