title: ng-click not working on li
body: <p>I find this very bizzare, ng-click is not working on this element, </p>
  
  <pre><code>&lt;div class="row"&gt;
      &lt;div class="col-md-12"&gt;
          &lt;div class="form-group label-floating is-empty"&gt;
               &lt;label class="control-label"&gt;category&lt;/label&gt;
                   &lt;input type="text" class="form-control" onkeydown="return false;" ng-focus="autocomplete != autocomplete" ng-blur="autocomplete != autocomplete"&gt;
                   &lt;div class="autocomplete-c" ng-show="autocomplete"&gt;
                       &lt;ul&gt;
                           &lt;li ng-repeat="d in categories" ng-click="selectCategory(d)"&gt;
                               &lt;p&gt;{{d.name}}&lt;/p&gt;
                               &lt;small&gt;{{d.types}}&lt;/small&gt;
                           &lt;/li&gt;
                       &lt;/ul&gt;
                  &lt;/div&gt;
                  &lt;span class="material-input"&gt;&lt;/span&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>And this as the function,</p>
  
  <pre><code>$scope.selectCategory = function(d){
      console.log(d);
  }
  </code></pre>
  
  <p>This there is no event triggered, I need help with this.</p>