[jQuery] Cookie issue - path?

[Sam Granger]

I have a draggable menu which remembers its position using a cookie. I
want to use this menu all over my site and just use the 1 cookie to
read from. It works at first if I drag the menu on the main page and
go to a subpage but when I move it on the subpage it appears a new
cookie is made with a new path. However I am only using the code
below:

<script type=\"text/javascript\">
$().ready(function() {
        $('#sidebar').draggable({
                handle: 'div#logo',
                opacity: 0.8,
                zIndex: 50,
                stop: function() {
                        var y = $('#sidebar').css('top');
                        var x = $('#sidebar').css('left');
                        jQuery.cookie('menu_position', x+','+y, 20,
{ expires: 7, path: '/', domain: 'intrellia.com', secure: true });


                }
        });
        var pos = jQuery.cookie('menu_position').split(',');
        $('#sidebar').css({ position: 'absolute', top:pos[1],
left:pos[0] });
});
</script>

What am I missing? Thanks!