Aldığım hatanın resmini de ekliyorum

category:620 Uncaught ReferenceError: $ is not defined
at category:620
Script Kısmım
<script>
$("#editCategory").submit(function (e) {
e.preventDefault();
let id = $("category_id").val();
let title = $("category2").val();
let slug = $("slug2").val();
$.ajax({
url:{{route('category.update')}},
type: "PUT",
data: {
id: id,
title: title,
slug: slug,
},
success: function (response) {
$('#sid' + response.id + 'td:nth-child(1)').text(response.title);
$('#sid' + response.id + 'td:nth-child(2)').text(response.slug);
$("#modalCart").modal('toggle');
$("editCategory")[0].reset();
}
});
});
</script>
Modal formum
<div class="modal fade" id="modalCart" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<!--Header-->
<div class="modal-header">
<h4 class="modal-title" id="myModalLabel">Kategori Düzenle</h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<!--Body-->
<div class="modal-body" id="modal-body">
<form id="editCategory">
<input type="hidden" id="id2" name="category_id">
<div class="form-group">
<label for=category2"">Kategori İsmi</label>
<input type="text" class="form-control" id="category2" name="category2">
</div>
<div class="form-group">
<label for=category2"">Kategori Link</label>
<input type="text" class="form-control" id="slug2" name="slug2">
</div>
<button type="submit" class="btn btn-primary">Düzenle</button>
</form>
</div>
<!--Footer-->
</div>
</div>
</div>
Controller'ım
public function updateCategory(Request $request)
{
$category = Category::find($request->category_id);
$category->title=$request->category2;
$category->slug=Str::slug($request->slug2);
$category->save();
return response()->json($category);
//
}