如何在另一个静态html页面上检索存储在cookie中的列表？

Question

我试图找出Cookie是如何工作的。我有这段代码，我希望将列表字符串化并将其分配给cookie。

<script src = "js/jquery.cookie.js" type ="application/javascript">
$.cookie('cookie_name', JSON.stringify(mynewthingslist));
</script>

我的列表是通过.getJSON动态获取值，它会将它附加到列表中。

<ol id = "mynewthingslist" >
                    </ol>

然后我想检索该cookie中包含的值并在另一个静态html页面中查看它。我现在正在使用JSON解析它，我想将它显示在收藏夹列表中。

<script src = "js/jquery.cookie.js" type ="application/javascript">
var list = JSON.parse($.cookie('cookie_name'));
$("#favouriteslist").append("<ul></ul>");
for(var i in list) {
    var li = "<li>";
    $("ol").append(li.concat(arr[i]))
    </script>

我该怎么做？