title: Jquery Validation: Get rid of label tag for error
body: <p>I'm having a hard time using jQuery Validation. In particular, I'm trying to remove the error message from the label tag and put it inside a div.</p>
  
  <p>I have 5 blocks of radio buttons. Each block looks like this:</p>
  
  <pre><code>&lt;div class="question-wrapper required"&gt;
      &lt;div class="question-title required"&gt;
          &lt;div class="question-box required"&gt;1.&lt;/div&gt;&lt;h1&gt;Question # 1&lt;/h1&gt;
      &lt;/div&gt;
      &lt;div class="error-wrapper"&gt;
          &lt;p&gt;&lt;input type="radio" name="q1" class="q1 required" value="value1"&gt;Value 1&lt;/p&gt;
          &lt;p&gt;&lt;input type="radio" name="q1" class="q1 required" value="value2"&gt;Value 2&lt;/p&gt;
          &lt;p&gt;&lt;input type="radio" name="q1" class="q1 required" value="value3"&gt;Value 3&lt;/p&gt;
          &lt;p&gt;&lt;input type="radio" name="q1" class="q1 required" value="value4"&gt;Value 4&lt;/p&gt;
          &lt;p&gt;&lt;input type="radio" name="q1" class="q1 required" value="value5"&gt;Value 5&lt;/p&gt;
      &lt;/div&gt;&lt;!--error-wrapper--&gt;
  &lt;/div&gt;&lt;!--question-wrapper--&gt;
  </code></pre>
  
  <p>My jQuery code looks like this:</p>
  
  <pre><code>$(document).ready(function() {
      $("#music").validate({
          rules: {
              q1: {required: true},
              q2: {required: true},
              q3: {required: true},
              q4: {required: true},
              q5: {required: true},
          },
          messages: {
              q1: {required: "Select song 1"},
              q2: {required: "Select song 2"},
              q3: {required: "Select song 3"},
              q4: {required: "Select song 4"},
              q5: {required: "Select song 5"},    
          },
          errorElement: "div",
          errorLabelContainer: "#messageBox",
          wrapper: "span",
          errorClass: "invalid"   
      });
  });
  </code></pre>
  
  <p>The problem is when run, the error code block looks like this:</p>
  
  <pre><code>&lt;div htmlfor="q1" generated="true" class="invalid" style=""&gt;Select song 1&lt;/div&gt;
  </code></pre>
  
  <p>Which is proving problematic for my attempts to position the error message. Any ideas why? </p>