title: jQuery onChange() does not work…
body: <p>so I tried making a simple on change fiddle. I can't get it to work. No matter what I do. WHY?</p>
  
  <p>HTML CODE</p>
  
  <pre><code>&lt;div id="status" style="display:none"&gt;0&lt;/div&gt;
  &lt;button class="start"&gt;GO&lt;/button&gt;
  </code></pre>
  
  <p>Javascript CODE</p>
  
  <pre><code>var cntTo = 2;
  var cnt = 0;
  
  $('#status').change( function() {
    console.log('status changed');
    if ($(this).text() == '1'){
      if(cnt &lt;= cntTo){
        getNext(cnt);
      }
    }
  });
  
  
  
  $('.start').click(function(){
    console.log('start clicked');
    console.log('text of status now: ' + $('#status').text());
    if($('#status').text() != '1'){
      console.log('setting text');
      $('#status').text('1');
      console.log('text of status now: ' +$('#status').text());
    }
  });
  
  function getNext(cnt){
    $('#status').text('0');
    console.log('getting details');
  }
  </code></pre>
  
  <p><a href="https://jsfiddle.net/hakz47vg/" rel="nofollow noreferrer">https://jsfiddle.net/hakz47vg/</a></p>