title: jQuery Mobile with my Contact Form
body: <p>Can't get jquery mobile to work with my contact form.  </p>
  
  <p>Have validation using jquery.validate.js.  If I use this, the select menu does not work on mobile.</p>
  
  <p>Also on Submit, it gives "error loading page".</p>
  
  <p>These are the JS and CSS files being used in this order. Please help</p>
  
  <pre><code>    &lt;script type="text/javascript" src="/js/jquery-1.4.4.min.js"&gt;&lt;/script&gt;
      &lt;script src="/about/js/jquery.validate.js"&gt;&lt;/script&gt;
      &lt;script src="/about/js/jquery.placeholder.js"&gt;&lt;/script&gt;
      &lt;script src="/about/js/jquery.form.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="mobile/mobile.js"&gt;&lt;/script&gt;
      &lt;script src="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.js"&gt;&lt;/script&gt;
      &lt;link rel="stylesheet" media="screen" href="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.css" /&gt;
      &lt;link rel="stylesheet" href="/mobile.css" media="screen" charset="utf-8"&gt;
      &lt;link rel="shortcut icon" href="/favicon.ico"&gt;&lt;/link&gt;
  </code></pre>
  
  <p>Here's my Form.</p>
  
  <pre><code>&lt;form id="contact" action="/about/process" method="post"&gt;
      &lt;div data-role="fieldcontain"&gt;&lt;label for="name"&gt;Name:&lt;/label&gt;
      &lt;input type="text" class="required" name="name" placeholder="Your Name" value="" id="name"&gt;&lt;/div&gt;
      &lt;div data-role="fieldcontain"&gt;&lt;label for="phone"&gt;Phone:&lt;/label&gt;
      &lt;input type="text" class="required" name="phone" placeholder="678-555-1212" value="" id="phone"&gt;&lt;/div&gt;
      &lt;div data-role="fieldcontain"&gt;&lt;label for="email"&gt;Email:&lt;/label&gt;
      &lt;input type="text" class="required email" name="email" placeholder="yourname@domain.com" value="" id="email"&gt;&lt;/div&gt;
  
      &lt;div data-role="fieldcontain"&gt;
          &lt;label for="interestedIn"&gt;Interested In:&lt;/label&gt;
          &lt;select name="interestedIn" class="required" id="interestedIn"&gt;
          &lt;option value=""&gt;Select One&lt;/option&gt;
          &lt;option value="Karate"&gt;Karate&lt;/option&gt;
          &lt;option value="Tai Chi"&gt;Tai Chi&lt;/option&gt;
          &lt;option value="Martial Arts"&gt;Martial Arts&lt;/option&gt;
          &lt;/select&gt;
      &lt;/div&gt;
  
      &lt;input type="submit" class="button_text" value="Send"&gt;&lt;br /&gt;
  &lt;/form&gt;
  </code></pre>