title: javascript unable to locate a form using the ID tag
body: <p>Here's my problem: I'm trying to set up a simple mobile contact form with a captcha built in. The page I'm working on can be found here: <a href="http://m.lancasterpainting.com/contact.php" rel="nofollow">http://m.lancasterpainting.com/contact.php</a></p>
  
  <p>I'm using the following php contact form: <a href="http://www.html-form-guide.com/contact-form/php-email-contact-form.html" rel="nofollow">http://www.html-form-guide.com/contact-form/php-email-contact-form.html</a></p>
  
  <p>I want to first say that I'm not the only one to run into this problem. After googling the issue, I've found multiple people struggling with this, but no-one seems to have an answer.</p>
  
  <p>Now for the problem...</p>
  
  <p>As you can see if you visit the page, each time the page is accessed, an error appears that says "Error: couldnot get Form object contact_form".</p>
  
  <p>I cannot--for the life of me--figure out why the javascript can't find the form I pass it.</p>
  
  <p>I call the function that generates this error at the top of the page:</p>
  
  <pre><code>var frmvalidator  = new Validator("contact_form");
  </code></pre>
  
  <p>The form I'm referencing is as follows in the HTML code:</p>
  
  <pre><code>&lt;div data-role="page" data-theme="e" id="contact_form" name="contact_form" data-position="inline"&gt;
  ...
  </code></pre>
  
  <p>And the function that is called that generates the error can be found in an external .js file here: <a href="http://m.lancasterpainting.com/scripts/gen_validatorv31.js" rel="nofollow">http://m.lancasterpainting.com/scripts/gen_validatorv31.js</a></p>
  
  <p>Is there something that I am simply not seeing? Why can't the javascript locate the form?</p>
  
  <p>Thanks so much to anyone that helps with this.</p>