Call jQuery function after ajax html get loaded

<div id="content">
  <!-- This content will be replaced via AJAX -->
</div>

<button id="load-content">Load Content</button>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
  // Listen for the click event on the "Load Content" button
  $('#load-content').click(function() {
    // Make an AJAX request to load content into the #content element
    $.ajax({
      url: '/path/to/content',
      success: function(response) {
        // Replace the content of the #content element with the loaded content
        $('#content').html(response);
        
        // Call your function after the content is loaded
        yourFunction();
      }
    });
  });

  function yourFunction() {
    // Your function here
    console.log('Content loaded via AJAX');
  }
</script>