From 02a1129390ae205338d5003407a75c5fcf5a55f2 Mon Sep 17 00:00:00 2001
From: Vivek Santayana <me@viveksantayana.co.uk>
Date: Fri, 3 Feb 2023 16:26:31 +0000
Subject: [PATCH] Adding jquery ui css Nesting script inside jquery function
 call

---
 ref-test/app/quiz/templates/quiz/start_quiz.html | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/ref-test/app/quiz/templates/quiz/start_quiz.html b/ref-test/app/quiz/templates/quiz/start_quiz.html
index b7dfddc..b43516a 100644
--- a/ref-test/app/quiz/templates/quiz/start_quiz.html
+++ b/ref-test/app/quiz/templates/quiz/start_quiz.html
@@ -1,6 +1,10 @@
 {% extends "quiz/components/base.html" %}
 {% import "bootstrap/wtf.html" as wtf %}
 
+{% block style %}
+    <link rel="stylesheet" href="https://code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">
+{% endblock %}
+
 {% block content %}
     <div class="form-container">
         <form name="form-quiz-start" class="form-quiz-start">
@@ -46,9 +50,11 @@
 {% endblock %}
 {% block script %}
     <script>
-        const clubs = {{ clubs|tojson }}
-        $('#club').autocomplete({
-            source: clubs
-        })
+        $( function() {
+            const clubs = {{ clubs|tojson }}
+            $('#club').autocomplete({
+                source: clubs
+            })
+        } )
     </script>
 {% endblock %}
\ No newline at end of file