title: jQuery Validate does not work on custom radio buttons
body: <p>I use jQuery Validate plugin for a form. By now I have not succeeded in validating my custom radio buttons. I have read many posts on how to solve this problem, for example using <code>ignore</code>, but this has not helped. </p>
  
  <p>Here comes my little code:</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;form id="my-form" name="my-form" method="post"&gt;
      &lt;input type="text" name="myText"&gt;
  
      &lt;p&gt;&lt;/p&gt;
  
      &lt;input type="radio" id="my-radio-1" name="myRadio"&gt;
      &lt;label for="my-radio-1"&gt;selection #1&lt;/label&gt;
      &lt;input type="radio" id="my-radio-2" name="myRadio"&gt;
      &lt;label for="my-radio-2"&gt;selection #2&lt;/label&gt;
  
      &lt;p&gt;&lt;/p&gt;
  
      &lt;p&gt;
          &lt;input type="submit" id="my-submit"&gt;
      &lt;/p&gt;
  
  &lt;/form&gt;
  </code></pre>
  
  <p><strong>JS</strong></p>
  
  <pre><code>$('#my-form').validate({
      rules: {
          myText: {
              required: true
          },
          myRadio: {
              required: true
          }
      },
      errorClass: 'error_validate',
      errorPlacement: function (label, element) {
          label.insertAfter(element);
      }
  });
  </code></pre>
  
  <p><strong>JSFIDDLE with CSS:</strong> 
  <a href="https://jsfiddle.net/d0nf4pqf/" rel="nofollow">https://jsfiddle.net/d0nf4pqf/</a></p>
  
  <p>Anybody knows how to enable validation for the radio buttons?</p>