[bb8]

this is a simple code that should toggle change the icons color when clicking it, i click the icon a few times then it changes its color but literally after 1 second the page kinda refreshes and the color is the old one (even though i didn't click the icon). what's wrong?

html:

<a href="" id="location"><i class="fa fa-map-marker"></i></a>

css:

.fa-map-marker {
	padding-left: 15px;
	color: #BCBBBB;
}

.fa-map-marker.active {
	color: #45C8DC;
}

jquery:

$(function(){
		$('.fa-map-marker').click(function() {
			$(this).toggleClass('active');
		});
});

[Dormilich]

you have a link there (to the current page). when you click on that, the page is (re)loaded. and on load all state from the previous page gets discarded.