【jQuery】slickを使い、同一ページ内に複数のスライダーを表示したい

実現したいこと・問題点

slickを使い、同一ページ内に複数のスライダーを表示しようとしています。
現状、一つ目のスライダーは正しく表示されているのですが、二つ目は画像が縦並びで表示されてしまい、スライダー化できていないという状況です。

該当のソースコード

html
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4  <meta charset="UTF-8">
5  <meta name="viewport" content="width=device-width,initial-scale=1">
6  <meta name="viewport" content="width=device-width, initial-scale=1.0">
7  <meta http-equiv="X-UA-Compatible" content="ie=edge">
8  <title>HomePage</title>
9  <link rel="stylesheet" type="text/css" media="all" href="css/reset.css">
10  <link rel="stylesheet" type="text/css" media="all" href="css/style.css">
11</head>
12
13<script src="https://cdn.jsdelivr.net/npm/jquery@3/dist/jquery.min.js"></script>
14<script src="https://cdn.jsdelivr.net/npm/slick-carousel@1/slick/slick.min.js"></script>
15<script type="text/javascript" src="js/slick.min.js"></script>
16
17<body>
18  <div class="slider__zone">
19    <ul class="slider1">
20      <li>
21        <a href="#"><img src="画像パス"></a>
22      </li>
23      <li>
24        <a href="#"><img src="画像パス"></a>
25      </li>
26      <li>
27        <a href="#"><img src="画像パス"></a>
28      </li>
29      <li>
30        <a href="#"><img src="画像パス"></a>
31      </li>
32    </ul>
33  </div>
34
35  <div class="contents">
36    <div class="content1">
37      <h2>title</h2>
38      <div class="slider__wrap">
39        <ul class="slider2">
40          <li>
41            <img src="画像パス">
42          </li>
43          <li>
44            <img src="画像パス">
45          </li>
46          <li>
47            <img src="画像パス">
48          </li>
49          <li>
50            <img src="画像パス">
51          </li>
52          <li>
53            <img src="画像パス">
54          </li>
55          <li>
56            <img src="画像パス">
57          </li>
58        </ul>
59      </div>
60    </div>
61  </div>
62</body>
63</html>

js
1$(function(){
2  $('.slider1').slick({
3    autoplay: true,
4    autoplaySpeed: 5000,
5    dots: true,
6    prevArrow: '<button class="prev-arrow"></button>',
7    nextArrow: '<button class="next-arrow"></button>',
8  });
9  $('.slider2').slick({
10    autoplay: true,
11    autoplaySpeed: 5000,
12    arrows: true,
13  });
14});