title: jQuery validate, radio button group, nesting issue
body: <p>I am trying to add a custom method to validate a group of radio buttons, using v1.9 of the jQuery validate plugin.</p>
  
  <p>Contrary to <a href="https://stackoverflow.com/questions/19282526/validation-of-fields-with-same-name-and-class-get-typeerror-e-validator-method">this post</a>, it <em>is</em> possible to have the same name attribute for radio button inputs, <em>as long as</em> any class rules are only applied to one of the inputs. jQuery validate then treats your input group as a single input.</p>
  
  <p>This works when your inputs are children of a common parent, ie</p>
  
  <pre><code>&lt;input type="radio" name="radiogroup" value="1" class="input-shipping" checked="checked"&gt;
  &lt;input type="radio" name="radiogroup" value="2"&gt;
  &lt;input type="radio" name="radiogroup" value="3"&gt;
  &lt;input type="radio" name="radiogroup" value="4"&gt;
  </code></pre>
  
  <p>But as soon as the html structure changes, the validation rules are not applied:</p>
  
  <pre><code>&lt;div class="form-row"&gt;  
      &lt;input type="radio" name="radiogroup" value="1" class="input-shipping" checked="checked"&gt;
  &lt;/div&gt;
  
  &lt;div class="form-row"&gt;          
      &lt;input type="radio" name="radiogroup" value="2"&gt;
  &lt;/div&gt;
  
  &lt;div class="form-row"&gt;              
      &lt;input type="radio" name="radiogroup" value="3"&gt;
  &lt;/div&gt;              
  
  &lt;div class="form-row"&gt;
      &lt;input type="radio" name="radiogroup" value="4"&gt;        
  &lt;/div&gt;
  </code></pre>
  
  <p>Is anyone aware of a workaround for this issue? Class rules are added as follows:</p>
  
  <pre><code>$.validator.addClassRules({
      "input-shipping" : {
          required: true,
          dateselected: true
      }
  });
  
  $.validator.addMethod("dateselected", function(value, element) {
      console.log(element);
  });
  </code></pre>