title: document ready in AngularJS
body: <p>I want to fire some jQuery code when you click on a checkbox. The problem is that when I click on a selectbox first time when the page is loaded, nothing happens. But when I click again, the jQuery-code is executed. I've tried to set angular.element(ready) as below, but it dont work:</p>
  
  <pre><code>angular.element(document).ready(function() {
          $http.get($rootScope.appUrl + '/nao/test/test')
              .success(function(data, status, headers, config) {
                  $scope.test = data.data;
          });
          $scope.testa = function() {
                  $('.checkboxfisk').click(function() {
                  var fish = $(this).attr('id');
                  alert(fish);    
                  });
  
          };
  });
  
  &lt;tr ng-repeat="info in test"&gt;&lt;td&gt;{{info.stracka}}&lt;/td&gt;&lt;td&gt;{{info.tid}}&lt;/td&gt;&lt;td&gt;&lt;input type="checkbox" id="{{info.id}}" class="checkboxfisk" ng-click="testa()"&gt;&lt;/tr&gt;
  </code></pre>