title: jQuery validator of radio input groups is not validating in Bootstrap
body: <p>I'm working on a project which needs a single choice radio button validation using the jQuery validator plugin. I made an example that works perfectly and I implemented it into the code in the actual project, and now it just flat out refuses to work even though the example works perfectly. Kind of infuriating. This code is the same in the example aside from bootstrap elements.</p>
  
  <p>JSFiddle here: <a href="http://jsfiddle.net/3vwWL/" rel="nofollow">http://jsfiddle.net/3vwWL/</a></p>
  
  <pre><code>&lt;form action="" id="contact-form" class="form-horizontal"&gt;
     &lt;form action="" id="registration-form"&gt;
        &lt;div class="col-md-6"&gt;
           &lt;div class = "form-group"&gt;
              &lt;label class = "control-label"&gt;Must choose one&lt;/label&gt;
              &lt;br /&gt;
              &lt;input name="radio" type="radio" data-validation="required" value="1" /&gt;A
              &lt;input name="radio" type="radio" value="1" /&gt;B 
              &lt;input name="radio" type="radio" value="1" &gt;C 
              &lt;input name="radio" type="radio" value="1" /&gt;D
           &lt;/div&gt;
        &lt;/div&gt;
     &lt;/form&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>The JS:</p>
  
  <pre><code>$.validate({
      form: "#contact-form, registration-form",
      modules: 'location, date, security, file',
      onModulesLoaded: function () {
          $('#country').suggestCountry();
      },
      onError: function () {
          alert("You've missed something");
      },
      onSuccess: function () {
          alert("All clear!");
          return false;
      }
  });
  
  $('input')
      .on('beforeValidation', function () {
      console.log('About to validate input "' + this.name + '"');
  }).on('validation', function (evt, isValid) {
      var validationResult = '';
      if (isValid === null) {
          validationResult = 'not validated';
      } else if (isValid) {
          validationResult = 'VALID';
      } else {
          validationResult = 'INVALID';
      }
      console.log('Input ' + this.name + ' is ' + validationResult);
  });
  
  // Restrict presentation length
  $('#presentation').restrictLength($('#pres-max-length'));
  </code></pre>
  
  <p>All other form validations work, just not this one.</p>