title: Performs form action even out of the form
body: <p>Hi having a problem with this code even if i clicked on cancel it will still proceed to use the action of my form even though the <strong>CANCEL</strong> button is not part of the <strong>form</strong>, Would appreciate any help.</p>
  
  <p>Here is the code.</p>
  
  <pre><code>      &lt;form method="post" action="input_enroll.php" &gt;
              &lt;div id="overlay1"&gt;
  
                  &lt;div&gt;
                      &lt;h1&gt; Enter Educational Level Entry&lt;/h1&gt;
                  &lt;input type="text" name="level" &gt;
              &lt;input type="submit"   value="Proceed To Enroll" '&gt;
                      &lt;/form&gt;
                  &lt;input type="submit"   value="Cancel" onclick='overlay()'&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  </code></pre>
  
  <p>EDIT: Any suggestions what would be a better idea? I'm thinking putting the <strong>cancel</strong> outside the div.</p>