jQuery function is not working
<html>
<head>
<title>jQuery Menu</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
$("#t1").mouseover(
function()
{
$("#d1").css("margin-top","-10px")
}
)
});
</script>
<style type="text/css">
div.div1
{
background-color:#9F0;
margin-top:50px;
}
</style>
</head>
<body>
<div align="center">
<table width="75%" border="1">
<tr>
<td height="100" width="20%" id="t1"><div class="div1" id="d1"></div></td>
<td width="20%"> </td>
<td width="20%"> </td>
<td width="20%"> </td>
<td width="20%"> </td>
</tr>
</table>
</div>
</body>
</html>