LocalStorage.setItem ("", ""); не работает

Я пытаюсь использовать локальное хранилище HTML5. Заполняю поля ввода и нажимаю кнопку «магазин». Затем я перезагружаю страницу, и поля ввода очищаются. Затем я нажимаю кнопку «получить», ожидая, что поле ввода P1 будет заполнено из локального хранилища. Но поле остается пустым. В чем моя ошибка?

<button onclick = "store()" >STORE</button>
<button onclick = "retrieve()" >RETRIEVE</button> <br />

<input type = "text" id = "P1"><br />

<script>

function store()
{

localStorage.setItem("S1", "P1");

}

</script>


<script>

function retrieve()
{   

document.getElementById("P1").value= localStorage.getItem("S1");
}

</script>