title: Make page element remain visible after reload/refresh
body: <p>I have a control button wrapped in a div on my form. If the user clicks "Yes" on a <strong>radio button</strong>, this div becomes visible via a <code>JavaScript</code> function. No problems there. When the user comes back to the page after closing it, however, or upon reload, the div is invisible again. I would like this div to remain visible after the user has selected "Yes." The value of that radio button is written to a database and is loaded when the page loads, so the "Yes" option will appear selected.</p>
  
  <p>I have tried something like the following, but with no luck. I triggered this with a <strong>body onload event</strong>. (costShareYN1 is the radio button, costshare is the name of the div.)</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  function show() {
    if (document.getElementById("costShareYN1").checked == true) {
        document.getElementById('costshare').style.visibility = "visible";
    }
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>I've also tried replacing <code>.checked == true</code> with <code>.value == "Yes"</code>, but to no avail. Suggestions?</p>