Массив localStorage не сохраняет данные, если сделать refresh страницы

var content = { 
  todo: [], 
  completed: [], 
  uncompleted: [] 
}; 
var create = localStorage.setItem('todoList', JSON.stringify(content)); 
var data = JSON.parse(localStorage.getItem('todoList')); 
 
var button = document.getElementById('button'); 
button.onclick = function() { 
  var input = document.getElementById('input').value; 
  if (input) { 
    addItem(input); 
  } 
}; 
 
var input = document.getElementById('input'); 
input.onkeypress = function(e) { 
  if (e.keyCode === 13) { 
    button.click(); 
    return false; 
  } 
}; 
 
renderTodoList(); 
 
function renderTodoList() { 
  for (var i = 0; i < data.todo.length; i++) { 
    var value = data.todo[i]; 
    addItemToDOM(value); 
  } 
} 
 
function addItem(value) { 
  addItemToDOM(value); // функции нет (для экономии места) 
  document.getElementById('input').value = ''; 
 
  data.todo.push(value); 
  dataObjectUpdated(); 
} 
 
function dataObjectUpdated() { 
  localStorage.setItem('todoList', JSON.stringify(data)); 
}

<div id="container"> 
  <header> 
    <h1>ToDoList</h1> 
  </header> 
 
  <div id="main"> 
    <input id="input" maxlength="40" type="text" placeholder="New task"> 
    <button id="button">ADD</button> 
    <button id="clear_all">Clear all</button> 
  </div> 
 
  <div id="list"> 
    <ul id="include"></ul> 
  </div> 
</div>