slickの進む、戻るボタンの設置

jQueryでslickを使ったスライドの設定をしたいです。
下記コードの記述では正常に表示されるのですが、

jQuery
1$(document).ready(function(){
2  $('.slickClass').slick({
3    autoplay: true,// 自動再生。trueで自動再生される。
4    autoplaySpeed: 3000,// 自動再生で切り替えをする時間
5    slidesToShow: 3,// スライドのエリアに画像がいくつ表示されるかを指定
6     slidesToScroll: 3,// 一度にスライドする数
7  });
8});
9

スライダーに左右に、戻る・進むボタンをつけたいので、一度にスライドする数の直下に、
下記コードを追加したのですが、そうすると動かなくなります。

slickは初めて使うのですが、記述が違うのでしょうか？？

JQuery
1arrows:true,//スライダーの左右に「進む」「戻る」ボタンをつけるか否か
2     prevArrow:<button type=”button” class=”slick-prev”>Previous</button>,//「戻る」ボタンのhtmlを指定
3     nextArrow:<button type=”button” class=”slick-next”>Next</button>,//「進む」ボタンのhtmlを指定

htmlは下記です。
進む・戻るボタンはこれから設置予定ですが、imgタグでの設置でいいのでしょうか？

html
1<div class="slickClass">
2    <div><img src="22882267.jpg" /></div>
3    <div><img src="34676584.jpg" /></div>
4    <div><img src="37690021.jpg" /></div>
5    <div><img src="22882267.jpg" /></div>
6    <div><img src="34676584.jpg" /></div>
7    <div><img src="37690021.jpg" /></div>
8    <div><img src="22882267.jpg" /></div>
9    <div><img src="34676584.jpg" /></div>
10    <div><img src="37690021.jpg" /></div>
11  </div>