How to always hide a div when the submit button is first clicked?
I want to permanently hide the <div class="show_hide" id="hide_this"> after pressing the submit button  Im creating a multi-step form, what I mean when the user skips the first step, the div disappears  <button class="frm_button_submit" id="toggle" type="submit" [button_action]>[button_label]</button>  <div class="show_hide" id="hide_this">  <label><input type="checkbox" name="rememberMe" value="true" tabindex="4"><i class="a-icon a-icon-checkbox"></i><span class="a-label a-checkbox-label">  Keep me signed in. <span class="a-declarative" data-action="a-popover" data-a-popover="{"activate":"onclick","header":"\"Keep Me Signed In\" Checkbox","inlineContent":"\u003cp>Choosing \"Keep me signed in\" reduces the number of times you're asked to Sign-In on this device.\u003c\/p>  \u003cp>To keep your account secure, use this option only on your personal devices.\u003c\/p>"}">  <a id="remember_me_learn_more_link" href="javascript:void(0)" class="a-popover-trigger a-declarative">  Details  <i class="a-icon a-icon-popover"></i></a>  </span>  </span></label>