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

here's the code:

<!DOCTYPE html>

	<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">

		//var x = ["7.75%", "10.75%", "25.75%", "40.75%", "30.75%"];
		//var y = ["8.67%", "11.67%", "20%", "20%", "45%"];
		//var index = 0;
					top: '25%',
					left: '25%'
					}, 2000, "swing" );
<body class="test">
	<button id="clicky">Clicky</button>
	<div id="bluestar"><img src="/images/bluestar.gif" /></div>

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.