title: JQuery Require Checkbox and Radio Button before submit
body: <p>I am having one heck of a hard time trying to figure this out. Been looking at examples and tools for JQuery validation for over 3 hours now.</p>
  
  <p>All I want to do is require that a checkbox is selected and a radio button, but I don't care which one is required.</p>
  
  <pre><code>&lt;form id="form1" action="/controller/action" method="post"&gt;
      &lt;div class="checkbox"&gt;&lt;input type="checkbox" name="box1" class="cBox" /&gt;&lt;label for="box1" class="label"&gt;Box1&lt;/label&gt;&lt;/div&gt;
      &lt;div class="checkbox"&gt;&lt;input type="checkbox" name="Box2" class="cBox" /&gt;&lt;label for="Box2" class="label"&gt;Box2&lt;/label&gt;&lt;/div&gt;
      &lt;div class="checkbox"&gt;&lt;input type="checkbox" name="Box3" class="cBox" /&gt;&lt;label for="Box3" class="label"&gt;Box3&lt;/label&gt;&lt;/div&gt;
      &lt;div class="radio"&gt;&lt;input type="radio" name="print" value="Radio1" class="rad" /&gt;&lt;label class="label"&gt;Radio1&lt;/label&gt;&lt;/div&gt;
      &lt;div class="radio"&gt;&lt;input type="radio" name="print" value="Radio2" class="rad" /&gt;&lt;label class="label"&gt;Radio2&lt;/label&gt;&lt;/div&gt;
      &lt;div class="radio"&gt;&lt;input type="radio" name="print" value="Radio3" class="rad" /&gt;&lt;label class="label"&gt;Radio3&lt;/label&gt;&lt;/div&gt;
      &lt;input type="submit" value="Submit" /&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>Any help would be greatly appreciated.</p>