Работа с localStorage
 

Здравствуйте, помогите разобраться с работой LocalStorage.

Есть форма с несколькими полями. Введенные значения необходимо сохранять в локальное хранилище с ключом такого вида: ключ_+текст с первой формы. А далее все остальные формы в массив.

И потом вывести из хранилища на страницу список всех записей с таким ключом.

Не могу понять как создать такой ключ и и затем вывести все значения с такими ключами.

tk.stas,

var key = "ключ_" + "текст из первого поля",
         arr = [1,2,"текст",4,5];
    localStorage.setItem(key, arr);
    var item = localStorage.getItem(key);
    var newarr = item.split(',');
    alert(newarr[2]);

подскажите как заставить js отличать и нажимать взять заказ это <img src="/media/images/city/14.jpg"/>
</div>
<div class="details">
<ul>
<li>
<b>0.8меняется5 р.</b> /
23 м. 14 с. </li>
<li style="font-size: 11px;">
Туруханская 27меняется / Бабушкина 68 </li>
<li>
Уровень такси не менее <b>4</b>
</li>
<li style="color:green;font-size: 12px;">
20 мменяеться. 18 с. (-12.6%)
</li>
</ul>
<div class="acceptorder">
<button class="button_gray" data-id="1123меняется4534">Взять заказ</button>
</div>
</div>
</div>
<div class="order hackwork-order-wrapper">
<div class="order-ava">
а не вот это <img src="/media/images/city/68.jpg"/>
<div class="special-order-ava-2"></div>
<div class="special-order">
<span><a href="/page/orders">Халтура</a></span>
</div>
</div>
<div class="details">
<ul>
<li>
<b>0.0меняется9 </b> /
2 м. 32 с. </li>
<li style="font-size: 11px;">
Устиновича 56 / меняетсяИндустриальный 1 23 </li>
<li>
Уровень такси не менее <b>4</b>
</li>
<li style="color:green;font-size: 12px;">
2 м. меняется13 с. (-12.6%)
</li>
</ul>
<div class="acceptorder">
<button class="button_gray" data-id="11234588">Взять заказ</button>
</div>
</div>
</div>
<div class="order hackwork-order-wrapper locked">
<div class="order-ava">