FastAPIで作成したAPIを用いてautocompleteを再現したい

FastAPIで作成したAPIを用いてAjaxを使ってautocompleteを再現したいです。

FastAPI

入力を含む単語(路線名)を返すapi

python
1from fastapi import FastAPI, Query
2
3app = FastAPI()
4
5
6@app.get(/hoge)
7def hogehoge(hoge: str = Query(None)):
8    line_list = ['東急東横線', '東急大井町線', 'JR山手線', '東急田園都市線']
9    return [hoge, [line for line in line_list if hoge in line]]

$  uvicorn main:app --reload --host 0.0.0.0 --port 8000

入力が東急であった場合の返り値が[東急, ['東急東横線', '東急大井町線', '東急田園都市線']]となるイメージです。
uvicornでローカルで起動させた状態で、以下のようにして、サジェストを実現させたいです。
タツノオトシゴのブログを参考にしてAmazon Suggestの部分をFastAPIで作成したAPIに付け替えるイメージです。

html
1<script src="/js/jquery.js" charset="UTF-8"></script>
2<script src="/js/jquery-ui.js" charset="UTF-8"></script>
3<link rel="stylesheet" type="text/css" href="/css/ui-lightness/jquery-ui-1.10.4.custom.min.css">
4
5
6<script type="text/javascript">
7$(document).ready(function(){
8
9    $('#keyword').autocomplete({
10        source: function(request, response){
11            $.ajax({
12                url: "http://localhost:8000/hoge",
13                data: {hoge: request.term},
14                dataType: "jsonp",
15                type: "GET",
16                success :function(data) {
17                    response(data[1]);
18                }
19            });
20        },
21        delay: 300
22    });
23});
24
25</script>
26
27<input  id="keyword" type="text" name="keyword">