title: Unobtrusive validation on radio buttons is ignored while it works fine for text fields in same form html only
body: <p>I am testing form that has Unobtrusive validation, there is no MVC controller running behind this and html is hand written, is for testing only (to figure out why doesn't it work) and not for production.</p>
  
  <p>When form gets submitted nothing is happening for the radio buttons (no error messages like there would be no validation whatsoever) while text fields in same form give validation errors fine.</p>
  
  <p>I have thrown away anything I could think of and example is only required validator radio buttons and error message span and nothing more and it still does not work.</p>
  
  <p>I must be missing something obvious here, and probably will feel like an idiot when someone will point out my mistake, still I can't afford to spend more time on this.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;form&gt;
    &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"&gt;&lt;/script&gt;
    &lt;script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.14.0/jquery.validate.min.js"&gt;&lt;/script&gt;
    &lt;script src="https://ajax.aspnetcdn.com/ajax/mvc/5.0/jquery.validate.unobtrusive.min.js"&gt;&lt;/script&gt;
    &lt;div class="quote-form__question fl--title"&gt;
      &lt;div class="split-input--left"&gt;
        &lt;input class="tooltip form-control input " data-val="true" data-val-length="Please enter a firstname with no more than 20 characters" data-val-length-max="20" data-val-regex="Please enter First name with letters only" data-val-regex-pattern="^ *?[a-zA-Z]+[ a-zA-Z-_']*$"
        data-val-required="Please enter your first name" id="CustomerFirstname" maxlength="20" name="CustomerFirstname" placeholder="Name" tabindex="" type="text" value=""&gt;
        &lt;div class="field-validation-error-container"&gt;
          &lt;span class="field-validation-valid field-validation-error" data-valmsg-for="CustomerFirstname" data-valmsg-replace="true"&gt;&lt;/span&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="label-row-full-width"&gt;
      &lt;label for="q1-1" class="label--un-checked"&gt;
        &lt;span&gt;Mr&lt;/span&gt;
        &lt;input type="radio" class="js-check-style js-toggle-question js-show-button" data-val-required="Please select title" name="CustomerTitle" id="q1-1" data-val="Mr" value="Mr"&gt;
      &lt;/label&gt;
      &lt;label for="q1-2" class="label--un-checked"&gt;
        &lt;span&gt;Mrs&lt;/span&gt;
        &lt;input type="radio" class="js-check-style js-toggle-question js-show-button" data-val-required="Please select title" name="CustomerTitle" id="q1-2" data-val="Mrs" value="Mrs"&gt;
      &lt;/label&gt;
      &lt;label for="q1-3" class="label--un-checked"&gt;
        &lt;span&gt;Miss&lt;/span&gt;
        &lt;input type="radio" class="js-check-style js-toggle-question js-show-button" data-val-required="Please select title" name="CustomerTitle" id="q1-3" data-val="Miss" value="Miss"&gt;
      &lt;/label&gt;
      &lt;label for="q1-4" class="label--un-checked"&gt;
        &lt;span&gt;Ms&lt;/span&gt;
        &lt;input type="radio" class="js-check-style js-toggle-question js-show-button" data-val-required="Please select title" name="CustomerTitle" id="q1-4" data-val="Ms" value="Ms"&gt;
      &lt;/label&gt;
      &lt;span class="field-validation-valid" data-valmsg-for="CustomerTitle" data-valmsg-replace="true"&gt;&lt;/span&gt;
    &lt;/div&gt;
    &lt;input type="submit" value="submit" /&gt;
    &lt;/div&gt;
  &lt;/form&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p><strong>What have I missed?</strong></p>