append function in jQuery

We have two ul lists that we will manipulate with the append function:

Select each li in the list with id list and add a new li after each li.
Select the list with id list and add a new li to it
Select each li in the list with id list2 and add a new li with text and index after each li.

<ul id="list">
  <li>Text 1</li>
  <li>Text 2</li>
  <li>Text 3</li>
  <li>Text 4</li>
</ul>
<ul id="list2">
  <li>Text 1</li>
  <li>Text 2</li>
  <li>Text 3</li>
  <li>Text 4</li>
</ul>
<!--Script jQuery-->
<script>
  //Select each li in the list with id list and add a new li after each li
  $('ul#list li').append('<li>Text after li</li>');
  //Select the list with id list and add a new li to it
  $('ul#list').append('<li>Text 5</li>');
  //Select each li in the list with id list2 and add a new li with text and index after each li
  $('ul#list2 li').append(function(index){
    return '<li>Text with index value '+index+'</li>';
  });
</script>
<!--JQuery Library-->
<script src="https://code.jquery.com/jquery-3.6.3.min.js"></script>