title: HTML5 localstorage adding in double quotes
body: <p>I'm currently assigning the value of a field to a variable:</p>
  
  <pre><code>userName = document.getElementById('userName').value;
  </code></pre>
  
  <p>Then assigning that variable to localstorage:</p>
  
  <pre><code>localStorage.setItem('userName', JSON.stringify(userName));
  </code></pre>
  
  <p>Retrieving that item here:</p>
  
  <pre><code>var retrievedUserName = localStorage.getItem('userName');
  </code></pre>
  
  <p>Then trying to output the contents of the item into a HTML div:</p>
  
  <pre><code>document.getElementById("response-heading-name2").innerHTML = retrievedUserName;
  </code></pre>
  
  <p>...but when I check the HTML, it's outputting the string with double quotes around it: "My name"</p>
  
  <p>Does anyone know why this is happening, and how I can stop the double quotes from appearing?</p>