title: Jquery validate message showing inside the text input in jquery mobile
body: <p>I'm pretty new to jQuery mobile, I'm using jQuery Validate plugin for forms control validation, everything working fine, but the validation message shows along with the input text box.  Here is the image:</p>
  
  <p><img src="https://i.stack.imgur.com/ZSIRE.png" alt="Image of validation warnings next to inputs"></p>
  
  <p><strong>Jquery</strong></p>
  
  <pre><code> $(document).live('pageinit', function (e) {
       $('#form1').validate({             
           submitHandler: function (form) {
               $.mobile.changePage('#success', { transition: "slide" });
               return false; 
           }
       });
   });
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>    &lt;div data-role="fieldcontainer"&gt;
          &lt;label for="fname" data-theme="d"&gt;First Name:&lt;/label&gt;
          &lt;input type="text" id="fname" name="fname" data-theme="d" placeholder="Enter First Name" required&gt;
          &lt;br /&gt;
      &lt;/div&gt;           
      &lt;div data-role="fieldcontainer"&gt;
          &lt;label for="lname" data-theme="d"&gt;Last Name:&lt;/label&gt;
          &lt;input type="text" id="lname" name="lname" data-theme="d" placeholder="Enter Last Name" required&gt;
      &lt;/div&gt;
      &lt;div data-role="fieldcontainer"&gt;
          &lt;label for="email" data-theme="d"&gt;E-mail Address:&lt;/label&gt;
          &lt;input type="email" id="email" name="email" data-theme="d" placeholder="Enter Email" required&gt;
      &lt;/div&gt;
  </code></pre>