title: how to enable button only after select box and checkbox
body: <p>I have a small form where I have two input boxes, 1 select box and 1 checkbox and submit button. </p>
  
  <p>I want the submit to be enabled when all fields are filled. Til now I am able to enable submit button after both input box value filled but I am not able to enable for select box and checkbox.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var Seatname;
  var Seatadmissionyr;
  var Seatlevelselectval;
  var SeatProgramLevel;
  //var SeatAvailableFaculties;
  $('#SaveNxt').attr('disabled', 'disabled');
  
  $('#contentHoldEdu input').change(function() {
    name = $('#Name').val()
    admissionyr = $('#AdmissionYear').val()
    SeatProgramLevel = $('#courseSelect option:selected').text();
    //SeatAvailableFaculties = $('.eduSelectedCheck').val()
  
    if ((name.length &gt; 0) &amp;&amp; (admissionyr.length &gt; 0) &amp;&amp; (course.length &gt; 0)) {
      $('#Save').removeAttr('disabled');
    } else {
  
      $('#Save').attr('disabled', 'disabled');
    }
  })</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="http://code.jquery.com/jquery-1.8.2.min.js"&gt;&lt;/script&gt;
  
  &lt;form role="form" id="contentHoldEdu" method="post"&gt;
    &lt;div class="setup-content form-horizontal form-bordered" id="step-1"&gt;
  
      &lt;div class="form-group"&gt;
        &lt;label class="label1 col-md-4"&gt;Enter the name  &lt;span class="required"&gt; * &lt;/span&gt; &lt;/label&gt;
        &lt;div class="col-md-7"&gt;
          &lt;input id="Name" type="text" name="name" data-required="1" class="form-control" /&gt;
  
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
        &lt;label class="label1 col-md-4"&gt;Enter Admission Year &lt;span class="required"&gt; * &lt;/span&gt; &lt;/label&gt;
        &lt;div class="col-md-7"&gt;
          &lt;input id="AdmissionYear" type="text" name="name" data-required="1" class="form-control allownumericwithoutdecimal" maxlength="4" /&gt;
  
  
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
        &lt;label class="label1 col-md-4"&gt;Select course &lt;span class="required"&gt; * &lt;/span&gt; &lt;/label&gt;
        &lt;div class="col-md-7"&gt;
          &lt;select id="courseSelect" class="form-control" data-placeholder="Select" tabindex="1"&gt;
  &lt;option value="0" disabled selected default&gt;--Select--&lt;/option&gt;
                      &lt;option value="B.tech"&gt;B.tech&lt;/option&gt;
                      &lt;option value="mba"&gt;Mba&lt;/option&gt;
                     &lt;/select&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
        &lt;label class="label1 col-md-4"&gt;Select all applicable faculties &lt;span class="required"&gt; * &lt;/span&gt; &lt;/label&gt;
        &lt;div class="col-md-7"&gt;
          &lt;div class="portlet light portlet-fit box grey "&gt;
            &lt;div class="portlet-body"&gt;
              &lt;table class="eduleveles table table-bordered table-hover"&gt;
                &lt;thead&gt;
                  &lt;th&gt;confirm&lt;/th&gt;
                  &lt;th&gt; AC Room&lt;/th&gt;
                &lt;/thead&gt;
                &lt;tbody&gt;
                  &lt;tr&gt;
                    &lt;td&gt;
                      &lt;input type="checkbox" /&gt;&lt;/td&gt;
                    &lt;td&gt;Yes&lt;/td&gt;
                  &lt;/tr&gt;
                &lt;/tbody&gt;
              &lt;/table&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
        &lt;button class="btn btn-primary" id="Save" type="button"&gt;submit&lt;/button&gt;
      &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>