title: Jquery check if all input text, radio, select box are filled
body: <p>I have a form having two section. 
  First section having text field, radio button, select box.
  Second section have only text fields.
  I have disabled the second section when page loads. I am only showing first section when page loads. 
  I want to show second section only when i have all fields filled in first section. For this i used jquery code but this is not working for radio type and select box : </p>
  
  <pre><code>$('.profile-user-personal-form input[type="text"], .profile-user-personal-form input[type="radio"], .profile-user-personal-form select, .profile-user-personal-form input[type="password"]').bind('keyup',function(){
  
          // get elements that are empty.
          var empty = $('.profile-user-personal-form input[type="text"], .profile-user-personal-form input[type="password"], .profile-user-personal-form input[type="radio"], .profile-user-personal-form select').map(function(index, el) {
              return !$(el).val() ? el : null;
  
          }).get();
  
          // could also be placed outside of the function
          var number = $('.user-leaving-info');
  
  
          // check if there are any empty elements, if there are none, show numbers, else hide number.
          !empty.length ? number.css({'opacity': 1, 'pointer-events':'auto'}) : number.css({
                  'opacity': 0.2,
                  'pointer-events' : 'none',
          });
          !empty.length ? $('html , body').animate({
              scrollTop: $(".user-leaving-info").offset().top
          }, 1000) : "";
  
      });
  </code></pre>
  
  <p>My HTML code look like this : </p>
  
  <pre><code>&lt;div class="profile-user-personal-form"&gt;
      &lt;div class="form-group mr-30"&gt;
          &lt;label&gt;First Name&lt;/label&gt;
          &lt;div class="form_control field-user-first_name required"&gt;
              &lt;input type="text" id="user-first_name" class="form-control first_name" name="User[first_name]" value=""&gt;
          &lt;/div&gt;      
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
          &lt;label&gt;Last Name&lt;/label&gt;
          &lt;div class="form_control field-user-last_name required"&gt;
              &lt;input type="text" id="user-last_name" class="form-control last_name" name="User[last_name]" value=""&gt;
          &lt;/div&gt;      
      &lt;/div&gt;
  
      &lt;div class="form-group full-width"&gt;
          &lt;h6&gt;I am a : &lt;/h6&gt;
          &lt;div class="radio-inline field-user-gender required"&gt;
  
              &lt;input type="hidden" name="User[gender]" value=""&gt;
                  &lt;div id="user-gender"&gt;
                      &lt;label class="radio-inline "&gt;
                          &lt;input type="radio" class="genderName" name="User[gender]" value="Male"&gt;male
                      &lt;/label&gt;
                      &lt;label class="radio-inline "&gt;
                          &lt;input type="radio" class="genderName" name="User[gender]" value="Female"&gt;female
                      &lt;/label&gt;
                  &lt;/div&gt;
          &lt;/div&gt;      
      &lt;/div&gt;
  
      &lt;div class="form-group full-width"&gt;
          &lt;h6&gt;Birthday&lt;/h6&gt;
          &lt;div class="select-box-styling"&gt;
              &lt;div class="form-group field-user-month"&gt;
                  &lt;select id="user-month" class="form-control month" name="User[month]"&gt;
                      &lt;option value="1"&gt;Jan&lt;/option&gt;
                      &lt;option value="2"&gt;Feb&lt;/option&gt;
                      &lt;option value="3"&gt;Mar&lt;/option&gt;
                      &lt;option value="4"&gt;Apr&lt;/option&gt;
                      &lt;option value="5"&gt;May&lt;/option&gt;
                      &lt;option value="6"&gt;Jun&lt;/option&gt;
                      &lt;option value="7"&gt;Jul&lt;/option&gt;
                      &lt;option value="8"&gt;Aug&lt;/option&gt;
                      &lt;option value="9"&gt;Sep&lt;/option&gt;
                      &lt;option value="10"&gt;oct&lt;/option&gt;
                      &lt;option value="11"&gt;Nov&lt;/option&gt;
                      &lt;option value="12"&gt;Dec&lt;/option&gt;
                  &lt;/select&gt;
              &lt;/div&gt;              
              &lt;div class="form-group field-user-day"&gt;
  
                  &lt;select id="user-day" class="form-control day" name="User[day]"&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;option value="7"&gt;7&lt;/option&gt;&lt;option value="8"&gt;8&lt;/option&gt;&lt;option value="9"&gt;9&lt;/option&gt;&lt;option value="10"&gt;10&lt;/option&gt;&lt;option value="11"&gt;11&lt;/option&gt;&lt;option value="12"&gt;12&lt;/option&gt;&lt;option value="13"&gt;13&lt;/option&gt;&lt;option value="14"&gt;14&lt;/option&gt;&lt;option value="15"&gt;15&lt;/option&gt;&lt;option value="16"&gt;16&lt;/option&gt;&lt;option value="17"&gt;17&lt;/option&gt;&lt;option value="18"&gt;18&lt;/option&gt;&lt;option value="19"&gt;19&lt;/option&gt;&lt;option value="20"&gt;20&lt;/option&gt;&lt;option value="21"&gt;21&lt;/option&gt;&lt;option value="22"&gt;22&lt;/option&gt;&lt;option value="23"&gt;23&lt;/option&gt;&lt;option value="24"&gt;24&lt;/option&gt;&lt;option value="25"&gt;25&lt;/option&gt;&lt;option value="26"&gt;26&lt;/option&gt;&lt;option value="27"&gt;27&lt;/option&gt;&lt;option value="28"&gt;28&lt;/option&gt;&lt;option value="29"&gt;29&lt;/option&gt;&lt;option value="30"&gt;30&lt;/option&gt;&lt;option value="31"&gt;31&lt;/option&gt;
                  &lt;/select&gt;
  
              &lt;/div&gt;               
              &lt;div class="form-group field-user-year"&gt;
  
                  &lt;select id="user-year" class="form-control year" name="User[year]"&gt;
                      &lt;option value="1998"&gt;1998&lt;/option&gt;
                      &lt;option value="1997"&gt;1997&lt;/option&gt;
                  &lt;/select&gt;
              &lt;/div&gt;              
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Can anyone please tell me the issue in code ?</p>