Flaskとajaxの通信がloadingのまま進まない

前提・実現したいこと

初心者かつ初質問です。よろしくお願いいたします。

PythonのFlaskを利用した、簡単なWebアプリケーションを作成しています。

http://xxxxxxx/index.html (トップページ)のリンクからhttp://xxxxxxx/mainへ遷移し、
その際にajaxでサーバにリクエストを送り、jsonを受け取り、それをもとに再描画する

というような機能を実装中です。
が、トップのリンクをクリックすると、loading状態のまま遷移しません。
エラーも出ず、ただloadingなので途方に暮れています。

答えでなくても、ヒントや学ぶべきこと、御教示いただけると幸いです。
拙い質問ではありますが、よろしくお願い致します。

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

トップページのリンクをクリックすると、ローディングgifが表示されたまま画面が遷移しない

該当のソースコード

html
1<!-- layout.html -->
2
3<!DOCTYPE html>
4<html>
5<head>
6    <meta name="viewport" content="width=device-width, initial-scale=1">
7<link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.4/jquery.mobile-1.4.4.min.css">
8<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
9<script src="https://code.jquery.com/mobile/1.4.4/jquery.mobile-1.4.4.min.js"></script>
10    <link rel="stylesheet" type="text/css" href="../static/css/style.css" />
11</head>
12<body>
13{% block content %}
14<!-- ここにメインコンテンツを書く -->
15{% endblock %}
16</body>
17</html>

html
1<!-- index.html -->
2
3{% extends "layout.html" %}
4{% block content %}
5<div class = "content">
6    <h1>{{ title }}</h1>
7    <a href="/main">開始</a>
8</div>
9{% endblock %}

html
1<!-- main.html -->
2
3{% extends "layout.html" %}
4{% block content %}
5    <h1 style="text-align:center">{{ title }}</h1>
6    <h3 style="text-align:center">message</h3>
7  <div id="container">
8    <div class="buddy" style="display: block;"></div>
9    <div class="buddy"></div>
10    <div class="buddy"></div>
11    <div class="buddy"></div>
12    <div class="buddy"></div>
13  </div>
14    <script src="../static/js/displayImg.js"></script>
15{% endblock %}

js
1//displayImg.js
2
3$(document).ready(function(){
4    alert('呼ばれたよ～')
5
6    $.ajax({
7        url:'http://xxxxxx/getFirstList',
8        dataType: "json"
9        type:'GET',
10        data:{
11        }
12        })
13        // Ajaxリクエストが成功した時発動
14        .done( (data) => {
15            alert(data);
16            for( var = i; i < data[0].length; i++){
17                put_html = '<div class="avatar"  style="display: block; background-image: url(' + data[1][i] + ')"></div>';
18                $('.buddy').eq(i).html(data);
19            }
20            console.log(data);
21        })
22        // Ajaxリクエストが失敗した時発動
23        .fail( (data) => {
24            alert(data);
25            console.log(data);
26        })
27        // Ajaxリクエストが成功・失敗どちらでも発動
28        .always( (data) => {
29
30        });

python
1<!-- app.py -->
2
3rom flask import Flask, render_template, jsonify, session
4import app.service as service
5import glob
6import os
7import random
8
9app = Flask(__name__)
10app.config['JSON_AS_ASCII'] = False
11app.secret_key = *****
12
13input_evaluations = []
14
15
16@app.route('/')
17def top_page():
18    return render_template('index.html', title='title')
19
20@app.route('/main')
21def start():
22    id = service.add_evaluationRow()
23    session['id'] = id
24    return render_template('main.html', title='title')
25
26
27@app.route('/getFirstList')
28def get_first_list():
29    # いくつかの処理
30    data = [
31        {"name": names},
32        {"image": images}
33    ]
34
35    return jsonify({
36        'status': 'OK',
37        'data': data
38    })
39
40if __name__ == "__main__":
41    app.run(debug=True)