title: Why am I getting a null value?
body: <p>I have an HTML form that looks like this:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>ar form={
      formName: document.getElementById("contactus"),
      name: document.getElementById("name"),
      email: document.getElementById("email"),
      comment: document.getElementById("question")
  };
  
  //form submit
  form.formName.addEventListener( "submit", checkform );</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;form name="contactus" method="post" action="html_form_send.php"&gt;
      &lt;label for="name"&gt;Name:&lt;/label&gt;&lt;br /&gt;&lt;input &lt;input  type="text" name="name" maxlength="50" size="59" autofocus required/&gt;&lt;br /&gt;&lt;br /&gt;
      &lt;label for="email"&gt;E-Mail Address:&lt;/label&gt;&lt;br /&gt;&lt;input  type="email" name="email" maxlength="50" size="59" required/&gt;&lt;br /&gt;&lt;br /&gt;
      &lt;label for="question"&gt;Question:&lt;/label&gt;&lt;br /&gt;&lt;textarea name="question" maxlength="1000" cols="50" rows="6" required&gt;&lt;/textarea&gt;&lt;br /&gt;&lt;br /&gt;
      &lt;input class="c1_scButton" type="submit" value="send"/&gt;
  &lt;/form&gt;
  
  &lt;script type="text/javascript" src="js/validate.js"&gt;&lt;/script&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>The problem is that Firebug shows that <code>form.formName</code> is null, as are the rest of the form values. Why are they not acquiring the elements?</p>
  
  <p>The ultimate goal of the script is to validate the form data. I think the rest of the form will work if the elements will load.</p>