jQuery не работает на сайте

в index.php есть див

<div id="topmenu" class="test" data-effect="bounceIn" >
<jdoc:include type="modules" name="topmenu" />
</div>

я создал класс (test) и data-effect="bounceIn" . У меня подключена библиотека animated.css
Далее я захотел сделать так чтобы при наведении на пункт меню запускалась анимация. Я подключил библиотеку JQ проверил на работоспособность функцией alert. Далее в тегах head написал следующий скрипт

<script>
jq = jQuery.noConflict();
function animate(elem) {
var effect=elem.date("effect");
elem.addClass("animated" +effect);

}
jq(document).ready(function(){
jq("#test").mouseenter(function)(){
animate(jq(this));
});
});

</script>

но при наведении на пунт меню ничего не происходит

 

вот сделал

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script>
jQuery(document).ready(function($) {
$('.test')function animate(elem){
var effect = elem.data("effect");
if(!effect || elem.hasClass(effect)) return false;
elem.addClass(effect);
setTimeout( function(){
elem.removeClass(effect);
}, 1000);
}
});

</script>


в дивах так
<div class="test" id="topmenu" data-effect="bounceIn">
<jdoc:include type="modules" name="topmenu" />
</div>



но ничего не работает((