title: Javascript onclick event working to show but not to hide
body: <p>It's a pretty basic script, but basically im displaying a div on click, and then hiding then div when you click a button title later. i have done this before and it has worked flawlessly. I just cant seem to find out what i did wrong, or am doing wrong. Like i said, the first <code>click()</code> displays perfectly, the second <code>hide()</code> does nothing</p>
  
  <p>JS:</p>
  
  <pre><code>function click1(){
      document.getElementById('form1').style.display='block';
  }
  
  function hide1(){
      document.getElementById('form1').style.display='none';
  }
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;tbody&gt;
   &lt;tr&gt;
    &lt;td style="cursor:pointer;" onclick="click1()"&gt;
     &lt;div id="form1" style="display:none;"&gt;
      &lt;form action="enter.php" method="post"&gt;
       &lt;label for="entry1"&gt;Entry1&lt;/label&gt;
        &lt;input type="text" id="entry1" name="entry1" size="15" /&gt;&lt;br&gt;
       &lt;label for="entry2"&gt;Entry2&lt;/label&gt;
        &lt;input type="text" id="entry2" name="entry2" size="15"/&gt;&lt;br&gt;
       &lt;label for="entry3"&gt;Entry3&lt;/label&gt;
        &lt;input type="text" id="entry3" name="entry3" size="15"/&gt;&lt;br&gt;
        &lt;input type="hidden" name="id" value="1" /&gt;&lt;br&gt;
        &lt;input type="hidden" name="table" value="table" /&gt;&lt;br&gt;
        &lt;input type="submit" value="GO!" /&gt;
        &lt;input type="button" value="later" onClick="hide1()"/&gt;
      &lt;/form&gt;
     &lt;/div&gt;&lt;sub&gt;1&lt;/sub&gt;
    &lt;/td&gt;
   &lt;/tr&gt;
  &lt;/tbody&gt;
  </code></pre>