title: Can't get access to the clicked element
body: <p>I have input search and table, that generates automatically if I change input.</p>
  
  <pre><code>&lt;div class="search"&gt;
    &lt;form action="" method="post" class="searchform" &gt;
      &lt;input type="search" name="" placeholder="Search" class="inputsearchform" ng-model="search"/&gt;
      &lt;input type="submit" name="" value="" class="submitsearchform" /&gt;
    &lt;/form&gt;
  &lt;/div&gt;
  &lt;div class="songlist"&gt;
    &lt;table id="songlistTableR" ng-app='test_table' ng-controller='main_control'&gt;   
     &lt;tr&gt;&lt;th&gt;Name&lt;/th&gt;&lt;th&gt;Link&lt;/th&gt;&lt;/tr&gt;    
     &lt;tr ng-repeat="data in loaded | filter:search"&gt;
       &lt;td&gt;&lt;i class="fa fa-plus"&gt;&lt;/i&gt;{{data.song_name}}&lt;/td&gt;
       &lt;td&gt;&lt;a href="{{data.link}}" target='_blank'&gt;Youtube&lt;/a&gt;&lt;/td&gt;     
     &lt;/tr&gt;
   &lt;/table&gt;      
  &lt;/div&gt;
  </code></pre>
  
  <p>JS script for generating data in table is:</p>
  
  <pre><code>var app = angular.module('test_table', []);
  var n = [];
  app.controller('main_control',function($scope,$http, $rootScope){
      load();
      function load(){
          $http.get("http://localhost:7001/load").success(function(data){
              $rootScope.loaded=data; 
              n = data;
          });
      }       
  });
  </code></pre>
  
  <p>I also have code, that shows table when input.value != 0 </p>
  
  <pre><code>$('.inputsearchform').bind('input', function() {
      if($(this).val() == 0){
          songlistTableR.style.visibility = 'hidden';
      }
      else{
          songlistTableR.style.visibility = 'visible';
      }   
  });
  </code></pre>
  
  <p>Everything works good, but I can't get access to element <code>.fa.fa-plus</code> when it's clicked. The only two ways, that work are putting <code>$(".fa.fa-plus").click(function(){});</code> in <code>bind</code> event or creating function outside <code>window.onload</code> that will work if I put in HTML file onclick for <code>.fa.fa-plus</code> element. </p>
  
  <p>First method is bad, because if I change input more than one time, click function will work every time, even if I didn't click on this element.</p>
  
  <p>Second method also isn't appropriate because I need to know <code>index</code> of clicked element.</p>
  
  <p>Can anybody advise me a solution?</p>
  
  <p><strong>UPD</strong> Sorry for interruption, I solved this problem. I changed the version of <code>Jquery</code> to 2.2.2 and now it's working. Thanks for helping!</p>