<form method="post">
<!-- ---------------------------------form --------------------------------------------------------------- -->
<div id="form">
<center>
<div id="formtype">
<h2>Вход</h2>
</div>
<a href="http://xn--1-7sbbjvecrbnlg6c0l.xn--p1ai/"><img src="Frontend\Style\Img\logo.png" id="logo"></a>
</center>
<div class="container-fluid" id="content">
<div class="row" id="working">
<div class="col-xs-12 text-center">
<h3>Имя</h3>
<input placeholder="Введите свои данные" name="name">
<h3>Почта</h3>
<input placeholder="Введите свои данные" name="mail">
<h3>Пароль</h3>
<input type="password" name="password">
</div>
</div>
</div>
<div id="insert" class="text-center">
<h3>Я здесь впервые <input type="checkbox" name="fluency" value="Yes" id="fluency"></h3>
<br>
<button type="submit" value="1" class="btn btn-secondary" name="do_signup"><font>Отправить</font></button>
</div>
</div>
<!-- ------------------------------------------- form end---------------------------------------------- -->
</form>
<script>// made change form of registration when client touch checkbox
var z=document.getElementById("content");
var q=document.getElementById("formtype");
$(document).ready(function()
{
$('#fluency').change(function()
{
if(this.checked==true)
{
z.innerHTML='<div class="row"><div class="col-xs-6 text-center"><h3>Имя</h3><input placeholder="Введите свои данные" name="name"><h3>Фамилия</h3><input placeholder="Введите свои данные" name="surname"><h3>Класс</h3><input placeholder="Введите свои данные" name="class"></div><div class="col-xs-6 text-center"><h3>Почта</h3><input placeholder="Введите свои данные" name="mail"><h3>Пароль</h3><input type="password" name="password"><h3>Повтор пароля</h3><input type="password" name="password-correct"></div></div>';
q.innerHTML = '<h2>Регистрация</h2>';
}
else {
z.innerHTML='<div class="row"><div class="col-xs-12 text-center"><h3>Имя</h3><input placeholder="Введите свои данные" name="name"><h3>Почта</h3><input placeholder="Введите свои данные" name="mail"><h3>Пароль</h3><input type="password" name="password"></div> </div>';
q.innerHTML = '<h2>Вход</h2>';
}
});
});
</script>
</div>
</div>
</div>
После того, как отметил чекбокс и обновил страницу форма регистрации пропадает, даже, если я пытаюсь, как-то зафиксировать нажатие чекбокса ( то есть на странице отображаеться сразу с атрибутом checked, если раньше отмечал). Как сделать так, чтобы при включённом чек боксе сайт сразу же выдавал форму регистрации?