HTML text area to span. Keep formatting. How?

[David P]

I created a "to do list" that uses HTML5 local storage to save my tasks. However, in my text area what I type (with spaces, line breaks) aren't kept when I hit the save button.
For example this is what I write:

Hello,
How are you.

But this is what comes up in the <span> field I create:

Hello, How are you

How do I write this so if I hit enter or something to line break that it keeps formatting once it's saved.
Here is my code.







var ContactName;
var CommentsToRemember;
localStorage.ContactR;
localStorage.RememberR;

var ContactName1;
var CommentsToRemember1;
localStorage.ContactR1;
localStorage.RememberR1;

var ContactName2;
var CommentsToRemember2;
localStorage.ContactR2;
localStorage.RememberR2;
//------------caputuring date in textboxes
function Remember()
{
ContactName = document.getElementById("Contact").value;
CommentsToRemember = document.getElementById("Comments").value;

localStorage.ContactR = ContactName;
localStorage.RememberR = CommentsToRemember;

document.getElementById("Results").innerHTML = "Contact Person: " + localStorage.ContactR + " Note: " + localStorage.RememberR + " ";
}
//------------caputuring date in textboxes
function Remember1()
{
ContactName1 = document.getElementById("Contact1").value;
CommentsToRemember1 = document.getElementById("Comments1").value;

lo