title: ng-mouseover does not work
body: <p>I have a Controller with some functions:</p>
  
  <pre><code>'use strict';
  
  App.controller('MyController', function MyController($scope){
  
    var showDetails = function(item){
        var element = $(item).find('.details');
        element.slideDown();
   }
  
   var hideDetails = function(item){
      var element = $(item).find('.details');
      element.slideUp();
   }
  
  var log= function(){
  console.log("sadsa");
  }
  
  });
  </code></pre>
  
  <p>I inject the controller correctly in my html since there is no error in the console:</p>
  
  <pre><code> &lt;div class="container-fluid team-section" ng-controller="MyController"&gt;
  </code></pre>
  
  <p>The problem is that when I am trying to trigger a function from the controller or even an alert() ng-mouseover does not work:</p>
  
  <pre><code>&lt;div class="col-md-2 col-md-offset-1 team" ng-mouseover="log()" &gt;
  </code></pre>
  
  <p>or even</p>
  
  <pre><code>&lt;div class="col-md-2 col-md-offset-1 team" ng-mouseover="alert()" &gt;
  </code></pre>
  
  <p>if I use <strong>onmouseover</strong> it works nicely. Any idea why ng-mouseover does not work?</p>