как сделать select с "памятью" выбранного ранее состояния option

[ufaclub]

<select name="select">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>

желательно на джуквери.

Например выбрали option со значением 1 - потом перешили на другую страницу и там уже в селекте будет выбрана - 1

[danik.js]

<select name="select">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<script src="//code.jquery.com/jquery-latest.js"></script>
<script>
    if (localStorage.option !== undefined) {
        $('select[name="select"]').prop('selectedIndex', localStorage.option);
    }
    $('select[name="select"]').change(function(){
        localStorage.option = this.selectedIndex;
    });
</script>

[ufaclub]

спасибо!

[ufaclub]

Теперь мне бы еще пример кусочка кода - который считает значение option и выведем в div ту или иную информацию

например если option val. = 1 то вставить в содержание <div id="gorod"></div> - москва
если option val. = 2 то <div id="gorod">Уфа</div>
если option val. = 3 то <div id="gorod">Казань</div>
....

т.е стандартная работы переменой при условиях если if / else

[danik.js]

<select name="select">
<option value="1" data-city="Москва">1</option>
<option value="2" data-city="Казань">2</option>
<option value="3" data-city="Уфа">3</option>
</select>
<div id="gorod"></div>
<script src="//code.jquery.com/jquery-latest.js"></script>
<script>
    $('select[name="select"]').change(function(){
        localStorage.option = this.selectedIndex;
        $('#gorod').text($(this[this.selectedIndex]).data('city'));
    });
    if (localStorage.option !== undefined) {
        $('select[name="select"]').prop('selectedIndex', localStorage.option).change();
    }
</script>

[ufaclub]

спасибо тебе! все работает как и хотел