title: jQuery validate additional methods on select combos drops error
body: <p>I have a form where I want to validate some dropdown combination(one field must have selected value) where the select combos are using selectpicker. </p>
  
  <p>for this purpose I use jQuery validate with the additional methods</p>
  
  <p>the validation script looks as it follows</p>
  
  <pre><code>var timesRegister = $('#registerTime').validate({
  
          ignore: '',
          debug: true,
          groups: {
              timeGroup: "hours minutes"
          },
          rules: {
              project_id: {
                  required: true
              },
              datum: {
                  required: true
              },
              hour: {
                  require_from_group: [1, ".time-group"]
              },
              minutes: {
                  require_from_group: [1, ".time-group"]
              }
          },
  
          messages: {
              project_id: "Please Select the working on Project!",
              datum: "Please enter working date!",
              //hour: "Please select the working hour/hours!",
              minutes: "Please select the working minutes!",
              hours_descr: "Please describe short the task!",
          },
          submitHandler: function (form) {
              $.ajax({
                  type: 'POST',
                  url: $(form).attr('action'),
                  data: $(form).serialize()
                  },
                  success: function () {
  
  
                  }, error: function (r) {
  
                  }
              });
          }
      });
  </code></pre>
  
  <p>markup</p>
  
  <pre><code>&lt;form method="POST" action="/times" accept-charset="UTF-8" id="registerTime" novalidate="novalidate"&gt;
      &lt;input name="_token" type="hidden" value="DezD0WQdWvXXW4If2xg5NhnAFd2vnkK6nNDXRUQ2"&gt;
      &lt;input name="account_id" type="hidden" value="3423"&gt;
      &lt;div class="modal-dialog"&gt;
          &lt;div class="modal-content"&gt;
              &lt;div class="modal-header ui-draggable-handle"&gt;
                  &lt;!--&lt;button type="button" class="close" data-dismiss="modal" aria-hidden="true"&gt;&lt;/button&gt;--&gt;
                  &lt;h4 class="modal-title"&gt;Register your time!&lt;/h4&gt;
              &lt;/div&gt;
              &lt;div class="modal-body"&gt;
                  &lt;div class="row"&gt;
                      &lt;div class="col-md-12"&gt;
                          &lt;div class="alert alert-danger hidden" id="time-error"&gt;&lt;/div&gt;
  
  
                              &lt;div class="col-md-12"&gt;
                                  &lt;div class="form-group"&gt;
                                      &lt;label for="project" class="control-label"&gt;Select Project&lt;/label&gt;
                                      &lt;select class="form-control" name="project_id"&gt;
                                        &lt;option&gt;Select Project&lt;/option&gt;
                                        &lt;option value="project1"&gt;Project&lt;/option&gt;
                                        &lt;option&gt;&lt;/option&gt;
                                    &lt;/select&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
  
                              &lt;div class="col-md-6"&gt;
                                  &lt;div class="form-group"&gt;
                                      &lt;label for="project" class="control-label"&gt;Select Day(s)&lt;/label&gt;
                                      &lt;div class="input-group date"&gt;
                                          &lt;input name="datum" class="form-control input-sm" id="working_hours" type="text"&gt;
                                          &lt;span class="input-group-addon"&gt;
                                              &lt;i class="glyphicon glyphicon-th fa fa-calendar"&gt;&lt;/i&gt;
                                          &lt;/span&gt;
                                      &lt;/div&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
  
                              &lt;div class="col-md-3"&gt;
                                  &lt;div class="form-group"&gt;
                                      &lt;label for="hour" class="control-label"&gt;Select Hours&lt;/label&gt;
                                      &lt;select class="selectpicker time-group form-control" id="hour" name="hour"&gt;
                                        &lt;option&gt;0&lt;/option&gt;
                                       &lt;option value="1"&gt;1&lt;/option&gt;
                                       &lt;option value="2"&gt;2&lt;/option&gt;
                                       &lt;option value="3"&gt;3&lt;/option&gt;
                                       &lt;option value="4"&gt;4&lt;/option&gt;
                                       &lt;option value="5"&gt;5&lt;/option&gt;
                                       &lt;option value="6"&gt;6&lt;/option&gt;
  
                                    &lt;/select&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
  
                              &lt;div class="col-md-3"&gt;
                                  &lt;div class="form-group"&gt;
                                      &lt;label for="minutes" class="control-label"&gt;Select Minutes&lt;/label&gt;
                                     &lt;select class="selectpicker time-group form-control" id="minutes" name="minutes"&gt;
                                       &lt;option&gt;0&lt;/option&gt;
                                       &lt;option value="5"&gt;5&lt;/option&gt;
                                       &lt;option value="10"&gt;10&lt;/option&gt;
                                       &lt;option value="15"&gt;15&lt;/option&gt;
                                       &lt;option value="20"&gt;20&lt;/option&gt;
                                       &lt;option value="30"&gt;30&lt;/option&gt;
                                       &lt;option value="45"&gt;45&lt;/option&gt;
                                    &lt;/select&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
  
                              &lt;div class="col-md-12"&gt;
                                  &lt;div class="form-group"&gt;
                                      &lt;label for=""&gt;Description&lt;/label&gt;
                                      &lt;textarea name="hours_descr" id="" class="form-control"&gt;&lt;/textarea&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
  
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="modal-footer"&gt;
                  &lt;button type="button" data-dismiss="modal" class="btn btn-outline dark"&gt;Close&lt;/button&gt;
                  &lt;button type="submit" id="submitTime" class="btn green"&gt;Save&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
   &lt;/form&gt;
  </code></pre>
  
  <p>but drops me the following error
  <strong>Exception occurred when checking element hour, check the 'require_from_group' method.</strong></p>
  
  <p><a href="https://codepen.io/lgt/pen/eroMQb?editors=1111" rel="nofollow noreferrer">codepen to reproduce</a></p>