Jquery каждая функция не проходит через каждый div

---

Итак, у меня есть два списка:

<div class="buite">
            
  <div class="bine">1</div>
  <div class="bine">2</div>
  <div class="bine">3</div>
  <div class="bine">4</div>
  <div class="bine">8</div>
            
</div>
            
<div class="buite">
            
  <div class="bine">1</div>
  <div class="bine">2</div>
  <div class="bine">3</div>
  <div class="bine">4</div>
  <div class="bine">8</div>
            
</div>

Я только хочу изменить первые два элемента div и удалить последний на каждом div "buite".

Jquery-это:

$(".buite").each(function() {
		
  $(".bine:first").css('font-size', '18px');
		
  $(".bine:eq(1)").replaceWith('<div class="bine">nuwerou2</div>');
  $(".bine:eq(4)").remove();

});

Но каждая функция работает только на первом div.
В результате получаются:

<div class="buite">
            
  <div class="bine" style="font-size: 18px;" >1</div>
  <div class="bine">nuwerou2</div>
  <div class="bine">3</div>
  <div class="bine">4</div>
            
</div>
            
<div class="buite">
            
  <div class="bine">1</div>
  <div class="bine">2</div>
  <div class="bine">3</div>
  <div class="bine">4</div>
  <div class="bine">8</div>
            
</div>

Что я уже пробовал:

$(".buite").each(function() {
		
	$(".bine:first").css('font-size', '18px');
		
        $(".bine:eq(1)").replaceWith('<div class="bine">nuwerou2</div>');
	$(".bine:eq(4)").remove();
    });

---