Параметр не отображается в Jquery OnClick

Question

У меня есть кнопка, которая, если ее щелкнуть, должна передать параметр в скрипт и должна быть добавлена ​​в добавляемый текст.но параметр не отображается в прилагаемом тексте.

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button id="btn1" onclick="sendData(20)">ClickMe</button>

    <script>
    	var id; // global variable
    	function sendData(valueId){
    		id = valueId;
    	}
    
    	$(document).ready(function(){
    
    	  $("#btn1").click(function(){
    
    	  	alert(id);
    
    	    $("tbody").append("<tr><td>Appended texts</td></tr>."+id);
    
    	  });
    	 
    	});
    </script>