title: Function not defined javascript
body: <p>For some reason my javascript code is messed up.  When run through firebug, I get the error <code>proceedToSecond not defined</code>, but it is defined!</p>
  
  <p><strong>JavaScript:</strong></p>
  
  <pre><code>&lt;script type = "text/javascript"&gt;
      function proceedToSecond () {
          document.getElementById("div1").style.visibility="hidden";
          document.getElementById("div2").style.visibility="visible";
      }
  
      function reset_Form() {
          document.personalInfo.reset();
      }
  
      function showList() {
          alert("hey");
          if (document.getElementsById("favSports").style.visibility=="hidden") {
              document.getElementsById("favSports").style.visibility="visible");
          }
      }
  
      //function showList2() {
      //}
  &lt;/script&gt;
  </code></pre>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;body&gt;
      &lt;!--various code --&gt;
      &lt;input type="button" onClick="proceedToSecond()" value="Proceed to second form"/&gt;
  &lt;/body&gt;
  </code></pre>