Adding jquery ui css

Nesting script inside jquery function call

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 %}