Горизонтальная прокрутка при нажатии jQuery не работает

Question

Я знаю, что есть много вопросов по этой теме c, но даже просматривая их, я не мог понять, что я делаю неправильно.

У меня есть веб-сайт, который прокручивается по горизонтали, но я хочу, чтобы пользователи также могли нажимать кнопку для прокрутки вправо / влево, а не только делать это с помощью полосы прокрутки.

Так вот мой код:

HTML

<div class="mydiv">

    <?php foreach($page->children() as $subpage): ?>
      <div class="<?= $subpage->tags() ?>">
        <a href="<?= $subpage->url() ?>">
          <h2><?= html($subpage->title()) ?> </h2>
        </a>
      </div>
    <?php endforeach ?>

    <div class="right-arrow">
        <a href="">
          <img src="/assets/images/arrow-right.svg"

                  width="100"
                  border="0">
          </a>
      </div>

  </div>

jQuery

$(document).ready(function(){
  $(".right-arrow").click(function(e){
          e.preventDefault();
          $('body').scrollLeft(1000);
      });

Что я делаю не так?

Спасибо заранее