title: Disable/enable button depending on input text
body: <p>I have this <a href="http://jsfiddle.net/r9rsddhk/2/" rel="nofollow">Fiddle</a> and i made the script to work when the check box is checked first and than text inserted in input,but if i try to insert text first button wont enable it self. Can someone look at that fiddle? this is my script</p>
  
  <pre><code>$('.checkset label').on('change', function () {
  var reqlength = $('.important').length;
  console.log(reqlength);
  var value = $('.important').filter(function () {
      return this.value != '';
  });
  
  
  if ($('.checkset label').hasClass("checked")) {
      if (value.length &gt;= 0 &amp;&amp; (value.length !== reqlength)) {
          //alert('Please fill out all required fields.');
          $('#reg').prop('disabled', true);
          $('#reg').addClass('inactive');
      } else {
          //alert('Everything has a value.');
          $('#reg').prop('disabled', false);
          $('#reg').removeClass('inactive');
      }
  } else {
      $('#reg').prop('disabled', true);
      $('#reg').addClass('inactive');
  }
  });
     $(".important").on('change', function () {
     $('.checkset label').change();
  });
  </code></pre>