cookie中的jquery变量

Question

这是我第一次使用cookies。我使用jquery ...我认为我的问题是变量（carArrayXcounter和carArrayXcounter）并拉动值（它们的数字是目前持有..如何让第二页读取它的值是我的问题...当我看到控制台时，我可以看到cookie正在第一页中设置，正在第二页上阅读具有正确的价值，但我不知道如何在我的代码中使用该值。我的警报只是告诉我我的cookie未定义。

设置cookie的第一页：

$( document ).ready(function() {    

        var carArrayX = [140,330,460,650,765];
        var carArrayXcounter = 0;

        var carArrayY = [ 440,405,390,390,390];
        var carArrayYcounter = 0;

        if (counterBox == 1){
            $('#blueCar').animate({
             left:carArrayX[carArrayXcounter] + "px",
             top:carArrayY[carArrayYcounter] + "px"
             });

        carArrayXcounter ++;
        carArrayYcounter ++;

        var cookieXcounter = carArrayXcounter;  
        var cookieYcounter = carArrayYcounter;
        console.log(cookieXcounter);    
        console.log(cookieYcounter);

        $.cookie('mycookieX',cookieXcounter,{expires:7,path:'/'});
        $.cookie('mycookieY',cookieYcounter,{expires:7,path:'/'});

    }
}

检索cookie的第二页：

 $( document ).ready(function() {    

        var cookieArrivedX = $.cookie('mycookieX');
    var cookieArrivedY = $.cookie('mycookieY');
        alert("cookieArrivedX:" + cookieArrivedX);

     var carArrayX = [140,330,460,650,765];
     var carArrayXcounter = cookieArrivedX;

        var carArrayY = [ 440,405,390,390,390];
        var carArrayYcounter = cookieArrivedY;

    $('#blueCar').css({ 
    left:carArrayX[carArrayXcounter],       
    top:carArrayY[carArrayYcounter]
     });

}