title: JQuery validation : How to check items in multiple select
body: <p>I have a form using JQuery validation plugin.</p>
  
  <pre><code>&lt;label&gt;
      &lt;input name="Distribution[]" type="checkbox" id="dist_europe" class="required minlength:1" value="Europe" /&gt;  Europe 
  &lt;/label&gt;
  
  &lt;select name="Europe[]" size="5" multiple id="Europe"&gt;
     &lt;option value='Albania'&gt;Albania&lt;/option&gt;
     &lt;option value='Andorra'&gt;Andorra&lt;/option&gt;
     &lt;option value='Austria'&gt;Austria&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>I need to do 'conditional' validation.
  eg. If checkbox is selected, make sure at least one item in 'select option is selected'.</p>
  
  <pre><code> $(document).ready(function(){
       $("#commentForm").validate({
        rules: {
                Europe: {
                  required: "#dist_europe:checked",
                  minlength: 1
                }  
        },
        messages: {
          Europe: "Please select at least 1 country"
        }
       }
  })
  </code></pre>
  
  <p>The issue I am facing now is :</p>
  
  <ol>
  <li>I am able to detect that the checkbox is selected.</li>
  <li>However, I am not able to check the 'select' array, Europe[]</li>
  <li>If I remove the array, and name it Europe, I will be able to detect that at least one item is selected. But, doing that will mean the backend PHP script will not be able to process the multiple select in the array.</li>
  </ol>
  
  <p>How do I work around this? Thanks</p>