title: JQuery selector not working on Angular ng-include
body: <p>I was testing ng-include in an angular application with JQuery, and I could not fire an event from JQuery on HTML content loaded from <strong>ng-include</strong>.</p>
  
  <p>In this example, the page has two panels with two click events, the painel1 that is on index.html page and the painel2 that is on contentPanel.html that is being included via ng-include, althought the click event on panel2 from contentPanel.html is not working.</p>
  
  <p>Here is the index.html:</p>
  
  <pre><code>&lt;!DOCTYPE&gt;
  &lt;html&gt;
  &lt;head lang="pt-br"&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;title&gt;Teste Javascript&lt;/title&gt;
      &lt;link rel="stylesheet" href="./assets/lib/bootstrap/dist/css/bootstrap.min.css"&gt;
  &lt;/head&gt;
  &lt;body ng-app="app"&gt;
  &lt;nav class="navbar navbar-default"&gt;
      &lt;div class="container-fluid"&gt;
          &lt;ul class="nav navbar-nav"&gt;
              &lt;li&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Page One&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Page Two&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  &lt;/nav&gt;
  
  
  &lt;div ng-controller="HomeController"&gt;
      &lt;div class="col-md-3"&gt;
          &lt;div class="panel panel-default"&gt;
              &lt;div class="panel-body" id="painel1"&gt;
                  {{panel1Text}}
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div ng-include="'app/shared/contentPanel.html'"&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  
  &lt;script src="./assets/lib/jquery/dist/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="./assets/lib/angular/angular.min.js"&gt;&lt;/script&gt;
  &lt;script&gt;
  angular.module('app', []);
  
  angular.module('app').controller('HomeController', function($scope){
      $scope.panel1Text = 'Panel 1, click here!';
  
  $(document).ready(function(){
      $('#painel1').on('click', function(){
          alert('Você clicou em um painel!');
      });
  
      $('#painel2').on('click', function(){
          alert('Você clicou em um painel!');
      });
  });
  })
  &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Here is the file contentPanel.html that I am including on ng-include:</p>
  
  <pre><code>&lt;div class="col-md-3"&gt;
      &lt;div class="panel panel-default"&gt;
          &lt;div class="panel-body" id="painel2"&gt;
              Panel 2, click here!
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>