title: Change CSS styles in AngularJS using jQuery
body: <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var myApp = angular.module("myApp", []);
  myApp.controller("votesController", ['$scope', function($scope, $timeout) {
    $scope.comments = [
    ];
    $scope.newComment = {
      likes: 0
    };  
    $scope.createComment = function() {
      if ($scope.newComment.comment != "") {
        $scope.comments.push({
          comment: $scope.newComment.comment,
          likes: $scope.newComment.likes
        });
      }
    };
    $scope.incrementLikes = function(comment) {
      comment.likes++;
    };
    $scope.decrementLikes = function(comment) {
      comment.likes--;
    };  
  }]);
  
  $('a.vote_comment').on('click',function(){
   $(this).css('color','red');      
   });
  $('a.vote_dis_like_comm').on('click',function(){
   $(this).css('color','green');
   });</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>a
  {
      cursor:pointer;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"&gt;&lt;/script&gt;
  &lt;div class="container" ng-app="myApp"&gt;
    &lt;div ng-controller="votesController"&gt;
      &lt;div ng-repeat="comment in comments"&gt;
        &lt;div class="comment_box_all"&gt;
          &lt;div class="comment_user"&gt;
            &lt;div class="comment_note"&gt;
              &lt;a ng-click="incrementLikes(comment, $index)" class="vote_comment"&gt;Like&lt;/a&gt;
              &lt;span class="num_vote_comm_11"&gt; | {{comment.likes}} | &lt;/span&gt;
              &lt;a ng-click="decrementLikes(comment, $index)" class="vote_dis_like_comm"&gt;Unlike&lt;/a&gt;
            &lt;/div&gt;
            &lt;div class="content_text_user_ans"&gt;&lt;span&gt;{{comment.comment}}&lt;/span&gt;&lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="area_comm_tex"&gt;
        &lt;textarea class="text_area" ng-model="newComment.comment" placeholder="Add comment"&gt;&lt;/textarea&gt;
        &lt;button class="op_comm_now" ng-click="createComment()"&gt;Add text&lt;/button&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>This is very simple comment box, but I have one problem. Could you explain to me why changing the CSS style with jQuery not working? I would like change color text like/unlike onclick, but this does not work.</p>