clearTimeout on Mouseover事件未清除setTimeout from Mouseout事件

我有一些代码将mouseover事件和mouseout事件添加到页面上的所有“a”标记中。我希望鼠标能启动一个5秒的计时器,然后调用一个函数。但是,如果触发新的mouseover事件,它应该取消任何现有的计时器。我使用的代码如下。setTimeout()工作正常,但是cleartTimeout()似乎没有引用正确的timeoutID,即使我全局声明了它。有什么建议吗?

var timeoutID;

function addMouseoverEvent() {
    $('a').each(function(index) {
        $(this).mouseover(function() {
            clearTimeout(timeoutID);
            // do stuff
        })
    }); 
}

function addMouseoutEvent() {
    $('a').each(function(index) {
        $(this).mouseout(function() {
            timeoutID = setTimeout(function() {
                // do stuff
            }, 5000);
        })
    });
}

$(window).load(function() {
    addMouseoverEvent();
    addMouseoutEvent();
});