JSFiddle - React, Tailwind, and code Playground

HTML

<div id="my_div">1</div>

JavaScript

$(document).ready(function(){ 
    var my_div = $("#my_div").text();
	    
		alert(my_div);

		func();
	});

	
function func(){	
    alert(my_div); // why does the value change here...why???
		alert(my_div.innerHTML); // why do I need ".innerHTML' here???
};