Hello DaniWeb kings and queens - Here is a simple jquery .animate block

here's the code:

<!DOCTYPE html>


<html>
<head>
	<title>TestingJ</title>
	<meta name="description" content="Mseed Web Design" />
	<meta name="keywords" content="web design, programming, scripting" />
	<meta name="author" content="Eric Karen" />
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<link rel="stylesheet" type="text/css" href="/css/global.css" />
	
	 <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

	
	<script type="text/javascript">
	$(function(){

	$("#clicky").click(function(){
		//var x = ["7.75%", "10.75%", "25.75%", "40.75%", "30.75%"];
		//var y = ["8.67%", "11.67%", "20%", "20%", "45%"];
		//var index = 0;
			//for(index=0;index<x.length;index++){
				$("#bluestar").animate({
					top: '25%',
					left: '25%'
					}, 2000, "swing" );
			//}
	
	}};
	</script>
</head>
<body class="test">
	<button id="clicky">Clicky</button>
	<div id="bluestar"><img src="/images/bluestar.gif" /></div>
</body>
</html>

I realize that some of it is commented out, that is just for isolation purposes. This code should work shouldn't it? When I click my button I get absolutely no movement. I'm totally mystified. Help please.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.