I have made voting on posts in my project.

which is working fine but I have an issue with color change on the fa-thumbs-up icon when it clicks.

below is my code.

```js
$(document).ready(function() {
  $(".vote_buttoon").click(function() {
    $(this).addClass('active_vote');
    var suggestion_id = $('.active_vote .fa-thumbs-up').css("color", "blue");
  });
});
```

```html
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<div id="mitem1" class="makemoney">
  <h2 class="title"><b>Item 1</b></h2>
  <p>The “<a href="https://en.wikipedia.org/wiki/Disney_Vault" target="_blank" rel="noopener noreferrer">ABC</a>” XXX</p>
  <p>XXX</p>
  <p>XXX</p>
  <p>XXX</p>
  <p>XXX</p>
  <p>XXX</p>
  <div class="up-down-vote-sec">
    <a class="up vote_buttoon"><i class="fa fa-thumbs-up" aria-hidden="true"></i></a>
    <a class="down vote_buttoon"><i class="fa fa-thumbs-down" aria-hidden="true"></i></a>
    <div class="rating"> 0 points</div>
  </div>
</div>
```

but I have an issue with color like a normal color of fa fa-thumbs-up is black but when the user clicks on fa fa-thumbs-up it changes color like blue or if the user clicks on fa fa-thumbs-down it changes color like red.

but it's not working.

can anybody help me with this.