如何在javascript中保存div并在另一个页面上检索它

Question

我正在一个在线目录中工作，该目录由一个页面（我们称之为a）和div .contenido-catalogo组成，它通过ajax获取产品。这些产品有一个指向另一个页面的链接（我们称之为b）。我们的想法是在移动到页面b之前将页面a .contenido-catalogo保存在内容变量中，并且当单击浏览器的后退按钮时，检索先前保存的div的内容。这是我的代码：

$(document).ready( function () {

    var content;

    if (getCookie('foo') == 'bar') {
        $('#contenido-catalogo').html(content);
        setCookie('foo', '');
    };

    $('body').on('click', '.product-link', function() {
        setCookie('foo', 'bar');
        content = $('#contenido-catalogo').html();
    });



    function setCookie(cname, cvalue) {

        document.cookie = cname + "=" + cvalue + ';';
    }

    function getCookie(cname) {
        var name = cname + "=";
        var ca = document.cookie.split(';');
        for(var i=0; i<ca.length; i++) {
            var c = ca[i];
            while (c.charAt(0)==' ') c = c.substring(1);
            if (c.indexOf(name) == 0) return c.substring(name.length, c.length);
        }
        return "";
    }