jQuery - Hover spørgsmål?

Hej allesammen,

Jeg er ved at lave en lille funktion hvor man kan pege over et div, hvorefter en boks kommer ned med nogle funktioner, hvis man fjerner musen forsvinder den igen - så langt så godt med følgende kode:

$(document).ready(function () {       
    $('#hover').hover(
        function () {
            //show its submenu
            $('#box').slideDown(100);

        },
        function () {
            //hide its submenu
            $('#box').slideUp(100);           
        }
    );
   
});

Problemet er bare at når man peger musen over #box så forsvinder den. Det er kun så længe man har musen på #hover at den forbliver der. Jeg har prøvet med:
$('#hover', '#box').hover(
men virker ikke.

Er nybegynder til jQuery så ved slet ikke hvordan jeg skal komme videre. Nogle der kan give et skub den rigtige vej? På forhånd mange tak.