htmlファイルをjQueryで読み込ませたい。

現在phpでウェブサイトを製作しています。

ヘッダー部分が共通なので、jQueryでヘッダーのhtmlを読み込んでもらおうと思うのですが
いざ画面を表示すると、

console
1[Fri Oct 12 20:47:47 2018] ::1:54992 [200]: /index
2[Fri Oct 12 20:47:47 2018] ::1:54995 [404]: /header.html - No such file or directory
3[Fri Oct 12 20:47:47 2018] ::1:54996 [200]: /favicon.ico

というエラーが出てヘッダーのhtmlが表示されません。
ディレクトリ構造は、

views
  ∟ header.html
  ∟ index.blade.php


header.html---読み込むhtmlファイル
index.blade.php---読み込ませるphpファイル

となっています。

フレームワークはlaravelを使用しています。
ソースは以下の通りです。

header
1<!doctype html>
2<html>
3<head>
4	<meta charset="utf-8">
5</head>
6<body>
7	<div class="navigation" align="center">
8		<ul>
9    		<li>グローバルナビ1</li>
10            <li>グローバルナビ2</li>
11            <li>グローバルナビ3</li>
12            <li>グローバルナビ4</li>
13		</ul>
14	</div>
15</body>
16</html>
17

index
1<!doctype html>
2<html>
3<head>
4	<meta charset="utf-8">
5<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
6<script type="text/javascript">
7	$(function() {
8		$('#header').load('header.html');
9	});
10</script>
11</head>
12<body>
13	<div id="header"></div>
14</body>
15</html>