jQueryでデジタル時計を表示する方法について

質問の閲覧ありがとうございます。

前提・実現したいこと

jQueryを使用してリアルタイムのデジタル時計を作成したいと思っています。

サンプルのコードを参考にソースを書いていたのですが、実装中に以下のエラーメッセージが発生し、デジタル時計が表示されない状況です。
jQueryの21行目にて構文エラーが起きていてそれで怒られているのは理解できるのですが、何が原因で構文エラーが発生しているのかがわかっていない状況です。

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

Uncaught SyntaxError: Unexpected identifier

該当のソースコード

html(index.html)
jQeury(index.js)

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.0">
6        <meta name="description" content="勉強用エフェクトページです。">
7        <title>エフェクトページ</title>
8        <link rel="stylesheet" type="text/css" href="index.css">
9        <script type="text/javascript" src="http://code.jquery.com/jquery-3.1.0.min.js"></script>
10    </head>
11    <body>
12        <div class="contents">
13            <div id="jsClock" class="clock"></div>
14        </div>
15        <script type="text/javascript" src="./js/index.js"></script>
16    </body>
17</html>

jQuery
1$(function(){
2  //clockメソッドの作成
3  $.extend({
4    clock: function clock(target){
5              var now  = new Date();
6            // 時
7              var h = now.getHours();
8            // 分
9              var m = now.getMinutes();
10            // 秒
11              var s = now.getSeconds();
12              if(h < 10) {
13					           h = "0" + h;
14              }
15				      if(m < 10) {
16					           m = "0" + m;
17				      }
18				      if(s < 10) {
19					           s = "0" + s;
20				      }
21              var clock_str = h + ":" + m + ":" s;
22              // htmlの内容を更新
23              target.html(clock_str);
24              //1秒ごとに更新
25              setTimeout(function(){
26                clock(target)
27              },1000);
28    }
29  });
30
31  //idへ現在日時の表示
32  $.clock($("#jsClock"));
33});
34