title: hide show table row
body: <p>Below is my code, it works perfectly by hiding or making the table row below visible. 
  The problem i am having is, when i validate my form and i submit the form, the table row that is visible goes in hidding. 
  it should stay visible when the checkbox is checked.
  The checkbox is still checked, however, the table row goes in hidding.</p>
  
  <p>I also wanted to mention, even though the table goes hiding, upon the checkbox been checked, it retains all the form fields, nothing is lost, the problem is the table going in hiding. any ideas??</p>
  
  <p>any ideas why this is happening??</p>
  
  <pre><code>&lt;style&gt;
  &lt;!--
  .hidden 
  {
  display: none;
  }
  .visible 
  {
  }
  &lt;/style&gt;
  
  &lt;script type="text/javascript"&gt;
  &lt;!--
  var last = "";
  function show(div)
  {
      if (last)
      {
          document.getElementById(last).className = "hidden";
      }   
      if (div &amp;&amp; document.getElementById(div))
      {
          document.getElementById(div).className = "visible";
          last = div;
      }
  }
  &lt;/javascript&gt;
  
  &lt;input name="showme" value="yesshowme" type="checkbox" onClick="show(this.value);"&gt;
  
  &lt;tr id="yesshowme" class="hidden"&gt;
  blablablablalbla
  &lt;/tr&gt;
  
  &lt;submit name="submit" value="submit"&gt;
  </code></pre>