不要在表单提交或链接点击事件上设置动画

Question

点击后，我的div class mobilehod设置为动画。

<div class="mobilehod">
    <a href="gym.php?id=<?php echo $gym['id']; ?>" class="gym">Gym</a>
    <form><input type="submit" value="Submit" /></form>
</div>

$('body').on({
    mouseenter: function(e) {
        if ( (!$(e.target).is('form > input') || ($(e.target).closest('a.gym').length) ) {
            alert(e.target); 
        }
    },
    mouseleave: function(e) {
        if ( (!$(e.target).is('form > input') || ($(e.target).closest('a.gym').length) ) {
            $(this).animate({height: "130px"}, 500);
        }
    }
}, 'div.mobilehod');

如果我在页面加载后单击提交按钮，代码工作正常。如果我点击其中一个导致动画的mobilehod div，当我点击另一个mobilehod div中的提交按钮时，而不是提交表单（我想要的），mobilehod div动画回到130px并且表单不提交。 / p>

我该如何解决？