Add class to table row when glyphicon is clicked and remove when clicked again

Question

I am able to add a class on a glyphicon click but not remove it. Here is my fiddle

Following is my jQuery. I thought of adding an if statement if hasClass then remove else addClass "success"

 jQuery(function($){
    $("tbody").on("click",".questCompletion > .glyphicon-ok", function(){
            $(this).parents("tr").addClass("success");
    });

});

Answer 1

Use toggleClass

 jQuery(function($){
    $("tbody").on("click",".questCompletion > .glyphicon-ok", function(){
            $(this).parents("tr").toggleClass("success");
    });

});