title: jquery event not triggered with angularjs
body: <p>I'm lost about jquery selectors and events.</p>
  
  <p>I'm trying to add a click behavior on a bootstrap table-hover, however the .click isn't triggered and i don't know why.</p>
  
  <p>I've tried :</p>
  
  <pre><code>  $( ".table-hover tbody tr" ).click(function() {
      alert("clicked");
    });
  </code></pre>
  
  <p>and :</p>
  
  <pre><code>  $( ".table-hover tbody" ).on( "click", "tr", function() {
      alert("clicked");
    });
  </code></pre>
  
  <p>as found around the web, but none of these triggered the click.</p>
  
  <p>I tried to test the selector with a simple img tag :</p>
  
  <pre><code>  $( "img" ).click(function() {
      alert("clicked");
    });
  </code></pre>
  
  <p>This one works ... only on the first image of the document, but the other ones come from angularjs behaviors, like ng-repeat and ng-model after querying an api, i'm sure that's related but i don't know what's the problem for jquery since the .on() method should do the trick.</p>
  
  <p>I've read about the .on() which should add event even for elements added after the document is loaded, but no solution is working for me so far.</p>