state save is not working

Hello, I am initializes a table as follows:

var table = $('#example').dataTable(
        {"bPaginate":false, "bSearchable":false,"bInfo":false,"bFilter":false,
            "stateSave": true,
            "stateDuration": 10}
    );

html:

<table id="example" border=1 class="display" cellspacing="0" width="100%">

I populating the table on page and going to another page in the same project with :

window.location.href = "page2.html";

Then return to the first page with:

window.location.href = "page1.html";

When I return to the first I would like for the table to still have the data in it, but it is empty. Any help here would be greatly appreciated.

thanks