title: Registering to an event raised by jquery in Angular
body: <p>I java a jquery part on my page that triggers certain custom events.
   another part of my page is an angular app. I have tried in a controller of the angular app to register to a jquery event : the jquery code does : </p>
  
  <pre><code>$("body").trigger("customEvent",data); 
  </code></pre>
  
  <p>and the angular registered to it in the controller  like so:</p>
  
  <pre><code>$("body").on('customEvent',function(event,data) {alert("here"); }); 
  </code></pre>
  
  <p>but in the normal flow I don't get the event. a weird thing is that when I try to do in the console the same $("body").trigger... the angular handler is called. 
  Anyone has an idea how to make this work? unfortunately I can't change the jquery part to angular, or the other way around. </p>