I can't make this JavaSctipt count working : A couldn't figure out what is the problem with my code, basically I want to make a button (out of divs) and a paragraph (or any text field) below the divs that counts the clicks. I know there is plenty of topics about this, but I couldn't do it, so any help would be appreciated.
HTML:

    <html>
    <head>
    <meta charset="utf-8">
    <title>Untitled Document</title>
    <!-- Latest compiled and minified CSS -->

    <link type="text/css" rel="stylesheet" href="CSS.css"/>
     </head>

     <body>
     <form name="ButtonForm">
     <div id="container">
	
	 <div id="pushed" ></div>
	
	 <div id="butt"></div>
	 
    </div>

	 <div id="showCount"></div>
	
	<script     src="http://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js" type="text/javascript"></script>	
		<script src="Untitled-1.js" type="text/javascript"></script>	
	 </form>
    </body>
    </html>

JavaScript:

        $(document).ready(function(){
	$('#butt').mousedown(function(){
		$("#butt").hide();
		
	});
	$("#pushed").mouseup(function(){
		$("#butt").show();
		
	});
	$("#butt").click(function(){
		button_click();
	});
    });


    var clicks=0;
    function button_click(){
	clicks=parseInt(clicks)+parseInt(1);
	var divData=document.getElementById("showCount");
	divData.innerHTML="Clicks:"+clicks;
    }
