title: JQuery setting a local storage variable
body: <p>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. </p>
  
  <p>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. </p>
  
  <p>Test site for it is located at <a href="http://web.engr.oregonstate.edu/~todtm/assignment2.html" rel="noreferrer">http://web.engr.oregonstate.edu/~todtm/assignment2.html</a></p>
  
  <p>Script Code:</p>
  
  <pre><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 &amp;&amp; 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'));
  });
  </code></pre>