javascript: Problem z localStorage

Witam.

Niedawno zacząłem uczyć się obsługi localStorage, ale niestety - choć zdaje mi się, że wszystko robię dobrze- coś nie chce działaś.

Oto kod JS:

function zapisz() {
        localStorage.setItem(
                document.forms.a.elements.pole.value
        );
}

function odczytaj() {
                                                                        
        alert(localStorage.getItem( document.forms.a.pole.value ));
}

i HTML:

<form name="a">
<input type="text" name="pole">

<input type="button" value="Zapirz" onClick="zapisz()"><br>
<input type="button" value="Odc" onClick="odczytaj()"><br>
</form>

Mógłby mi ktoś powiedzieć, co robię źle?

Konsola JS coś wyświetla?

Nie za bardzo wiem o co chodzi i jak to sprawdzić. Dopiero zaczynam zabawę z JS ^^

przecież setItem się używa dając najpierw nazwę pod jaką chcesz zapisać, a potem wartość, a w getItem podajesz nazwę danej którą chcesz odczytać
i w ogóle nie wiem po co tak używać skoro można po prostu korzystać jak z tablicy:

localStorage['dane'] = document.forms['a'].elements['pole'].value;
document.forms['a'].elements['pole'].value = localStorage['dane'];

Niedawno zacząłem uczyć się obsługi localStorage

to tak skomplikowany element że nauka jego obsługi zajmuje jakieś 12 sekund...

Dzięki za pomoc ;)