title: How to check whether group of selectbox is seleted or not
body: <p>i have following java script code......</p>
  
  <pre><code>         var dataString = 'CategoryId='+categoryid+"&amp;FormatId="+formatid;
  
           $.ajax({
                      type:"Post",
                      url:"MyServlet",
                      datatype:"json",
                      data : dataString,
                      success: function(data){                                        
                          var type1= data.a;  
                          var type2 = data.b;
                          var type3 = data.c;
                          var type4 = data.d;
                          var type5 = data.e;
                          var type6 = data.f;
  
                          if(type1){
                              $('#type1id').append("&lt;option value=0&gt;SelectOne&lt;/option&gt;");    
                              $.each(type1, function(i, value){
                                  $('#type1id').append("&lt;option value='"+this.Id+"'&gt;"+this.DisplayName+"&lt;/option&gt;");                              
                              });
                              $('#set1').show();
                          }
                          else{
                              $('#set1').hide();
                          }
  
                          if(type2){
                              $('#type2id').append("&lt;option value=0&gt;SelectOne&lt;/option&gt;");    
                              $.each(type2, function(i, value){
                                  $('#type1id').append("&lt;option value='"+this.Id+"'&gt;"+this.DisplayName+"&lt;/option&gt;");                              
                              });
                              $('#set2').show();
                          }
                          else{
                              $('#set2').hide();
                          }
  
                          if(type3){
                              $('#type3id').append("&lt;option value=0&gt;SelectOne&lt;/option&gt;");    
                              $.each(type3, function(i, value){
                                  $('#type3id').append("&lt;option value='"+this.Id+"'&gt;"+this.DisplayName+"&lt;/option&gt;");                              
                              });
                              $('#set3').show();
                          }
                          else{
                              $('#set3').hide();
                          }
  
                // etc...
                // etc...
                // till type6
  
  
  
                      }                       
                  });
  </code></pre>
  
  <p>i have following html code......</p>
  
  <pre><code>          &lt;div id="section-2" class="section-content"&gt;
              &lt;fieldset id="set1"&gt;
                &lt;label for="type1id"&gt;Type 1&lt;/label&gt;
                &lt;select id="type1id"&gt; &lt;/select&gt;         
              &lt;/fieldset&gt;
  
              &lt;fieldset id="set2"&gt;
                &lt;label for="type2id"&gt;Type 2&lt;/label&gt;
                &lt;select id="type2id"&gt; &lt;/select&gt;         
              &lt;/fieldset&gt;
  
              &lt;fieldset id="set3"&gt;
                &lt;label for="type3id"&gt;Type 3&lt;/label&gt;
                &lt;select id="type3id"&gt; &lt;/select&gt;         
              &lt;/fieldset&gt;
            &lt;/div&gt;
  
           &lt;button disabled="disabled" type="button" id="section2-next"&gt;
               Next
           &lt;/button&gt;
  </code></pre>
  
  <p>i am filling all selectbox dynamically using $.ajax() function by getting json response..
  the number of select box displayed depends on json data for e.g if json returns 1 array then i am only showing 1 selectbox, if json returns 2 array i am showing 2 selectbox etc.... how to check whether all shown selectbox selected and then and then only enable Next button?</p>