On button click start function with ajaxcall to remote to fetch data and store data in another div

ajax-call-to-remote-change-DOM.html

<a id="clickme">Click me!</a>
<div id="populateme"></div>

<script>jQuery(function ($) {
$(document).ready(function(){ 
    var getdest = '/session/getdest';
    $(document).on('click', '#clickme', function() {
        changeDiv();
    });  
    function changeDiv() {
    $.ajax({
            url: getdest,
            type: 'POST',
            //dataType: 'json',
            data: {'id': 1}, 
            success: function(response) {
                //console.log(response);
                $('#populateme').html(response);
            },
            error: function(xhr){ 
                console.log("An error occured: " + xhr.status + " " + xhr.statusText);
            }
        })
    }
})
})
</script>

sessioncontroller.php

<?php

    public function actionGetdest() {
        $session = \Yii::$app->session;
        $date_range = $session['check-in'] . ' → ' . $session['check-out'];
        echo $date_range;
    }
    
    ?>