Not sure why this script is not running:
Help is appreciated

<script src="http://code.jquery.com/jquery-git.js"></script>
<script>
<!--


$(document).ready(function() {
//call the jQuery Hover Over and Out
$(".calBox").hover(over, out);
//Tell the browser to show content
function over(event) {
$(this).next(".caltextoverlay").show();
$(this).next(".calregistertext").show();
}
//tell the browser to hide content
//going outside the object area
function out(event) {
$(this).next(".caltextoverlay").hide();
$(this).next(".calregistertext").hide();
}
});


//-->
</script>


html
<li>
<a class="calBox" href="#">
<div>
<span class="calregistertext">register &#x25B8;</span></span>
<span class="caltextoverlay">
<span class="caldescriptiontext">Curabitur aliquet cone ni si nection blis septed</span></span>
<img src="images/cal1.jpg" alt="" border="0" height="150" width="155">
</div>
</a>
</li>


css
.caltextoverlay {
position: absolute;
top:95px;
left:0px;
width: 155px;
height: 35px;
color: white;
display: none;
}

.calregistertext {
position: absolute;
top:3px;
left:95px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #ffffff;
display: none;

}