data.jsonというJSONのデータを取得して、データ内に入っている名前、住所、仕事内容のデータをindex.htmlのHTML内のcontents--
tableの中に挿入したいのですが、data.jsonのデータすら読み取る事に失敗してしまいます。どのようなコードを打てば実装できるでしょうか。script.jsの中にコードをうちます。（script.jsの中にはまだ何も入ってません。）

index.html

```

    <!DOCTYPE html>
    <html lang="ja">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <script src="jquery.js"></script>
        <script src="script.js"></script>
        <link rel="stylesheet" href="style.css">
        <title>Document</title>
    </head>
    <body>
    <div class="contents contents--table">
    <div class="table_title">テーブル</div>
    </div>
    </body>
    </html>
    
```

data.json

```

    {
        "name":"名前",
        "address":"住所",
        "work":[
            "仕事内容1"
            ,"仕事内容2"
        ]
    
    }
    
```
CC BY-SA 4.0
2022-05-12T08:59:38.093
88781
2022-05-12T08:59:38.093
52583
question
javascript html jquery json
JSONのデータを取得してHTMLの要素に入れたい