title: Html not calling javascript functions
body: <p>I'm trying to code a small html5 webpage that asks a user to type in a comment and their e-mail address. If they do not enter a comment and or an e-mail they will be prompted via javascript to fix their input. The problem I'm having is that the javascript is not functioning at all. I think it's being skipped altogether.  Please tell me where I'm going wrong...</p>
  
  <pre><code>     &lt;!DOCTYPE HTML&gt;
  &lt;html lang="en-US"&gt;
  &lt;link rel="icon" type="image/png" href="img/favicon.png"&gt;
  &lt;link rel="stylesheet" type="text/css" href="css/new.css"&gt;
  &lt;title&gt;Comments&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;nav id="navbar"&gt; Navigation:
      &lt;table&gt;&lt;tr&gt;
          &lt;td&gt;&lt;a href="bio.html"&gt;Bio&lt;/a&gt;&lt;/td&gt;
          &lt;td&gt;&lt;a href="resume.html"&gt;Resume&lt;/a&gt;&lt;/td&gt;
          &lt;td&gt;&lt;a href="classes.html"&gt;Classes&lt;/a&gt;&lt;/td&gt;
          &lt;td&gt;&lt;a href="new.html"&gt;New&lt;/a&gt;&lt;/td&gt;
      &lt;/tr&gt;&lt;/table&gt;
  &lt;/nav&gt;
  
  &lt;header&gt; 
   &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script  type="text/javascript&gt;
  
  
  function yay () {
  if (document.poop.melon.value == "" || document.poop.melon.value == "Type comment here!" || document.poop.melon.value == "..." )
  {
      alert ( "Fill in the comment box you poopyhead!" );
      document.poop.melon.value = "Type comment here!";
      return false;
  }
  if (document.poop.maplestory.value == "youremail@mail.com" || document.poop.maplestory.value == "" || maplestory (document.poop.maplestory.value)){
      alert ("Dear Sir or Madam, please type in your e-mail address.");
      return false;
  }
      return true;
      }
  
  function maplestory( yummy )
  {
     var regex = /^[A­Z0­9._%+­]+@[A­Z0­9.­]+\.[A­Z]{2,4}$/i;
     if( yummy.search( regex ) == -1 )
       return true ;
     return false ;
  }   
  
  &lt;/script&gt;
  
  
  &lt;/header&gt;
  
  &lt;h2&gt;Leave a delicious comment below:&lt;/h2&gt;
  &lt;form name="poop" id="poop" method="POST" action="http://www.webdevfoundations.net/scripts/formdemo.asp" onsubmit="return yay();"&gt;
  &lt;textarea name="melon" id="melon" cols="35" rows="10"&gt;...&lt;/textarea&gt;&lt;br&gt;
  &lt;label for "maplestory"&gt;E-mail&lt;/label&gt;:&lt;br&gt;&lt;textarea name="maplestory" id="maplestory" cols="35" rows="1"&gt;youremail@mail.com&lt;/textarea&gt;&lt;br&gt;
  &lt;input id="submit" type="submit" value="Submit"&gt;&lt;/form&gt;
  
  
  &lt;footer&gt;&lt;div class="right"&gt; name &amp;copy; 2010 &lt;/div&gt;&lt;/footer&gt; &lt;!-- It's a shame there's no unicode for the copyleft symbol :( --&gt;
  &lt;/body&gt; 
  &lt;/html&gt; 
  </code></pre>