like dislike button system jquery : Hi I want to have a like and dislike button and when one of them is clicked, it will change a colour to red but when I click both, both like and dislike icons can be red when only one of them should be red. How do I fix it? and I'm wondering if I can write the code shorter by using CSS and .hasClass, .removeClass and .addClass in Jquery OR toggle.

below is the Jquery code that I've written

    $('#Like').on({
	'click': function() {
		if($('#Like').attr('src') == 'images/Like.png') {
			$('#Like').attr('src','images/Liked.png');
			$('#Dislike').attr('src') == 'images/Dislike.png');
		}
		else {
			$('#Like').attr('src','images/Like.png');
		}
	}
    });

    $('#Dislike').on({
	'click': function() {
		if($('#Dislike').attr('src') == 'images/Dislike.png') {
			$('#Dislike').attr('src','images/Disliked.png');
			$('#heartLike').attr('src') == 'images/Like.png');
		}
		else {
			$('#Dislike').attr('src','images/Dislike.png');
		}
	}
    });
Here, #like and #dislike are the original like and dislike icons.

Like.png and Dislike.png are the images without colour and
Liked.png and Disiked.png are the images with filled in red colour.
