jquery doesn't work on wordpad++ : I have little problem with simple exercise with jQuery. Code is short so I'll put it whole here:

    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<title>fast exercise</title>
    	<script scr="jquery.js"></script>
    	<script>
    		$(document).ready(function(){
    			$("#btn1").click(function(){
    				$("#main").text("The width of the element is " + $("#main").width() +"px and height is " + $("#main").height() + "px.")
    			});
    		});
    	
    	</script>
    	<style>
    		#main {
    			width: 300px;
    			height: 300px;
    			background: red;
    			color: black;
    			padding: 30px;
    			border: 2px solid black;
    			margin: 5px;
    		}
    	</style>
    </head>
    	<body>
    		<button id="btn1">Click here to see basic measurements</button>
    		<div id="main">
    			<p>This is div called "main"</p>
    		</div>
    	</body>
    </html>

I'm just beginner but I've managed to get some basics. When I'm using button I see no reaction. I use Notepad++ and latest jQuery version. For example when I download same file from website that I'm using to learn it works but if I create it myself it's not. Sorry for such simple problem but it really grinds my gears. Any ideas? Thank you in advance!