new icon when every click in jqery : I'm trying to do chance button icon when every click in jquery. maybe it was asked question. but i dont get why not work it. Can someone help? . my code ->

html

    <li class="navbar-right"><a href="#"><i class="fa fa-2x fa-bars" aria-hidden="true"></i></a></li>


jquery

		$(document).ready(function(){
			var clicks;
			for (var clicks = 1; clicks++) {
				$('.fa').click(function() {
			    if(clicks%2!==0){
			        $(".fa").removeClass("fa-bars");
						$(".fa").addClass("fa-times");
			    } else{
			        $(".fa").removeClass("fa-times");
						$(".fa").addClass("fa-bars");
			    }
				});
			}
		});