title: jQuery Validation Plugin - How to show labels on page load
body: <p>The plugin inserts a label when a input has been filled out, however I want all the labels to be inserted on page load. Any ideas would be great, thanks.</p>
  
  <p>The link to the plugin is here.</p>
  
  <p><a href="http://jqueryvalidation.org/documentation/" rel="nofollow">http://jqueryvalidation.org/documentation/</a></p>
  
  <p>I'm thinking there is a method I can use to just insert all the labels.</p>
  
  <p>An example of the code would be as follows.</p>
  
  <p>On page Load a field might look like this...</p>
  
  <pre><code>&lt;div id="name-field" class="field input-text"&gt;
      &lt;input type="text" id="name" name="name" onblur="if (this.value=='') this.value = 'Name'" onfocus="if (this.value=='Name') this.value = ''" value="Name" class="requiredAstrix" /&gt;
      &lt;div id="name-error-label" class="error-label f3a cf98"&gt;
      This field is required
      &lt;div class="arrow s14"&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div id="name-hover-label" class="hover-label cf2"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Onblur the plugin inserts a label as per below... (this is how I want all the fields to be on page load)</p>
  
  <pre><code>&lt;div id="name-field" class="field input-text"&gt;
      &lt;input type="text" id="name" name="name" onblur="if (this.value=='') this.value = 'Name'" onfocus="if (this.value=='Name') this.value = ''" value="Name" class="requiredAstrix" /&gt;
      &lt;label for="name" class="error checked"&gt;&amp;nbsp;&lt;/label&gt;
      &lt;div id="name-error-label" class="error-label f3a cf98"&gt;
      This field is required
      &lt;div class="arrow s14"&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div id="name-hover-label" class="hover-label cf2"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>