JQuery setting a local storage variable

Question

I'm having some trouble getting a local storage variable to store the proper value. The jist of it is I want to display the contents of the local variable, then if the user clicks, it pulls the data from an .xml file, saving it to a local variable.

Problem is, that it doesn't save to the local variable properly. I have tried a variety of syntax to get it to work and I am out of ideas.

Test site for it is located at http://web.engr.oregonstate.edu/~todtm/assignment2.html

Script Code:

function startAjax()
{
    $("#clickme").text("Calling server");
    $.ajax(
    {
        url: "xmlpage.xml",
        success: callbackFunction,
        error: errorFunction
    });
}

function callbackFunction(data, info)
{
    var titles = $(data).find("title");
    if (titles && titles.length)
    {
        $("#results").text("result:" + titles.text());
        localStorage.setItem('titles', #results.text());
    }
    else
        errorFunction(data, "No titles");
}

function errorFunction(data, info)
{
    $("#clickme").text("error occurred:" + info);
}

$(document).ready(function ()
{
    $("#results").text(localStorage.getItem('titles'));
});

Answer 1

you have a syntax error, need to get

localStorage.setItem('titles', $('#results').text());

or

localStorage.setItem('titles', titles.text());