prepend method in jQuery

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

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