jQueryの読み込みがうまくいかず、Chromeに反映されません。jsファイル１行目にエラーが発生しました。

前提・実現したいこと

読み込みがうまくいかず困っています。HTMLに直接書かず、外部から読み込みたいです。

発生している問題・エラーメッセージ

（１）
Uncaught ReferenceError: $ is not defined
 at index.js:1
-----------------------------------------
（２）
GET file://〜... net::ERR_FILE_NOT_FOUND

※始めは<script src=“https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js”></script>を書いておらず、headへ追加後（２）のエラーが発生しました。
※htmlとcssだけの時点で問題前はなかったので、bodyの中のコードは省略してあります

該当のソースコード

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.0, minimum-scale=1, maximum-scale=1, user-scalable=no">
6　<title>help</title>
7　<link rel="stylesheet" href="index.css">
8　<script src=“https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js”></script>
9</head>
10<body>
11 <script src="index.js" type="text/javascript" charset="UTF-8"></script>
12</body>
13</html>

js
1$(function() {
2		$('.item').click(function () {
3			$('.plan').fadeIn("slow");
4		});
5	});
6

試したこと

・ファイル名、フォルダ名にスペースが空いていたので変更。
・head内に<script src="index.js" type="text/javascript" charset="UTF-8"></script>を書いていたが、bodyの一番下に移動。
・<script src=“https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js”></script>をbodyに移動、順番の入れ替え。
・$(document).ready(function(){});に変更。
※HTMLとJSのフォルダは同じ階層にあります。

補足情報（FW/ツールのバージョンなど）

jQuery Ver.3.1.1

行動規範の内容に同意します

回答1件

ベストアンサー

html
1<script src=“https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js”></script>
2            ^                                                                ^全角なのが原因では？