jqueryが動かないです。

jqueryででできたエラー箇所

エラーメッセージ
yesno.js:1 Uncaught ReferenceError: $ is not defined　

jqueryが動きません。

該当のソースコード

index.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>上ジョビHealth</title>
<link rel="stylesheet" href="css/Q.css" />
<script type="text/javascript" src="yesno.js"></script>
</head>
<body>
<div class="iro">
　<div class="box7">
　<img src="image/neko.png" width="450" height="50" alt="">
　</div>

　<div class="box1">Q1.最近元気がない</div>

　<div class="box2"><img src="image/Q1.png" width="1200" height="480"></div>

　<div class="box3">
　　<div class="m01"><a href="#"><img src="image/yes1.png"></a></div>
　</div>

　<div class="box4">
　　<div class="m02"><a href="#"><img src="image/no1.png"></a></div>
　</div>

　<div class="box5">
　　<button type="button" onclick="history.back()" class="btn">戻る</button>
　</div>

　<div class="box6">
　　<form action="Q2.html" method="post">
　　　<button type="submit" class="btn">
　　　　<i class="fab fa-adn"></i>次へ
　　　</button>
　</div>
</div>
</body>
</html>

yesno.js

$(function() {
	function place_reset() {
		$(".m01 img").attr('src', "image/yes1.png");
		$(".m02 img").attr('src', "image/no1.png");
	}

	$(".m01").click(function() {
		place_reset();
		setTimeout(function() {
			$(".m01 img").attr('src', "image/yes2.png");
		},300);
	});

	$(".m02").click(function() {
		place_reset();
		setTimeout(function() {
			$(".m02 img").attr('src', "image/no2.png");
		},300);
	});
});

試してみたこと

$(function() {　 →　 (function($) {
$をfunctionの中に入れたらエラーメッセージは消えましたがjqueryは動かないままです。
どうすればエラー解決できるか教えていただきたいです。