Клонирование текста при помощи JS

Допустим есть у нас заголовок который надо дублировать при помощи JS
Есть вот такой HTML. где берем с болки .walks-box-item .h3_in и копируем его перед классом .walks-box-item-img

 

<div class="walks-box-item">    
    <h3 class="h3_in">
        <a href="[[~[[+id]]]]">
            [[+pagetitle]]
        </a>
    </h3>
</div>


<h3 class="h3_in h3_in_clone">
    <a href="[[~[[+id]]]]">
        [[+pagetitle]]
    </a>
</h3>
<div class="walks-box-item-img"></div>
    

вот как выгледит функция

 


  function moveH3ToImage() {
    $('.walks-box-item').each(function() {
      const h3 = $(this).find('.h3_in');
      const h3Clone = h3.clone();
      
      h3Clone.addClass('h3_in_clone');
      
      h3.before(h3Clone);
      h3Clone.insertBefore($(this).find('.walks-box-item-img'));
    });
  }

  moveH3ToImage()

вот и все!