How to dynamically changing the color of a fontawesome thumb

In an aps.net mvc partial view, I have 2 thumbs defined in a paragraph.

The CSS (fontawesome) will change the color to blue when I hover.

Based upon an if statement truth, I want to change the color of the thumbs. The idea being that if the User had previously clicked the Like or Dislike thumb, I want that selection (the thumb) indicated by the color green the next time in. It shows that they already like or disliked it.

How do I dynamically change the color of the thumbs given the way I display them in a paragraph?

  

  

  

    @Scripts.Render("~/bundles/jquery")  

  

    "text/javascript">  

       $(document).ready(function () {  

         SetLike('@Model.LikeDisabled');  

         SetDisLike('@Model.DisLikeDisabled');  

  

        function SetLike(disabledSwitch) {  

            $(".blogLike").attr('disabled', disabledSwitch);  

  

            if (disabledSwitch == false )  

            {  

                // Show by color that it was previously liked.  

  

                // Does not work.  

                $(".blogLike").color('green');  

            }  

        }  

  

        function SetDisLike(disabledSwitch) {  

            $(".blogDisLike").attr('disabled', disabledSwitch);  

  

            if (disabledSwitch == false)  

            {  

                // Show by color that it was previously liked.  

  

                // Does not work.  

                $(".blogDisLike").color('green');  

            }  

        }  

    });