title: Angular ng-click not working in div
body: <p>Ok, I've been stuck here for a while, and I'm sure it's something relatively dumb</p>
  
  <p><a href="http://plnkr.co/edit/YcBnbE5VCU5rizkDWreS?p=preview" rel="noreferrer">http://plnkr.co/edit/YcBnbE5VCU5rizkDWreS?p=preview</a></p>
  
  <pre><code>&lt;head&gt;
      &lt;link href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css" rel="stylesheet" type="text/css" /&gt;
      &lt;link href="http://twitter.github.com/bootstrap/assets/css/bootstrap-responsive.css" rel="stylesheet" type="text/css" /&gt;
      &lt;script src="http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.0.3/angular.min.js"&gt;&lt;/script&gt;
  
      &lt;script &gt;
          function myCtrl($scope,  $window) {
              $scope.vm = {};
              $scope.vm.Courses = [
                { Id: 1, Name: "Course 1"},
                { Id: 2, Name: "Course 2"}
                ];
              $scope.OpenCourse = function(courseId) {
                  $window.alert("Called " + courseId);
              }
          }
      &lt;/script&gt;
  &lt;/head&gt;
  &lt;body ng-controller="myCtrl"&gt;
      &lt;div&gt;  
          &lt;div ng-repeat="course in vm.Courses" ng-click="vm.OpenCourse(course.Id)"&gt;
              &lt;div&gt;
                  &lt;div&gt;
                      &lt;label&gt;{{course.Name}}&lt;/label&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>Why isn't ng-click firing here? It seems that this question is asked a lot, but none of the answers seem to help. It also looks like moving the div out of the repeat makes it work, but again, I'm not sure why.</p>
  
  <p>Thanks</p>