OnChange Issue

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<div id="status" style="display:none">0</div>
<button class="start">GO</button>

JavaScript

var cntTo = 2;
	var cnt = 0;
    $('#status').bind("DOMSubtreeModified",function(){
      alert('changed');
    });
	$(document).ready(function () {
		$('#status').change( function() {
			console.log('fired');
			if ($(this).text() == '1'){
				if(cnt <= cntTo){
					getNext(cnt);
				}
			}
		});
	});
	
	
	$('.start').click(function(){
		if($('#status').text() != '1'){
			$('#status').text('1');
		}
	});
	
	function getNext(cnt){
		$('#status').text('0');
		console.log('getting details');
	}