некорректный показ контролов в Html странице

есть такой код

<script>

function display(change)

{

if (change == "x")

document.getElementById("x").style.display = "block";

else

document.getElementById("x").style.display = "none";

}



if (change == "y")

document.getElementById("y").style.display = "block";

else

document.getElementById("y").style.display = "none";

</script>







<input name="xy" type="radio" value="" onClick=display('x') checked>x

<input name="xy" type="radio" value="" onClick=display('y')>y







<div id=x style=display:block>

<p align=center>

<form method="POST" action="script.php">

выбор X

<input type="submit" value="Submit">

</form>

</p>

</div>







<div id=y style=display:none>

<p align=center>

<form method="POST" action="script.php">

выбор Y

<input type="submit" value="Submit">

</form>

</p>

</div>

нажимаю на радиокнопку Y и появляются нужные формы

потом отправляю на обработку скрипту

если же вернуться назад то форма имеет такой же вид как будто выбран вариант X хотя радиокнопка Y нажата

присутствие в этой строке checked не имеет значения

если checked убрать скрипт будет вести себя также

если например в варианте x сделать display:none (вместо block) то будет почти тоже самое

видим на странице отсутствие контролов, только радиокнопки

нажали на радиокнопку, появились контролы

отправили на обработку

нажимаем назад

наблюдаем что радиокнопка нажата а контролов не видно (как будто ниодна радиокнопка не нажата)

как сделать чтобы при возвращении на страницу сохранялся выбор ?