diff --git a/core/templates/ui/drilldown/drilldown.html b/core/templates/ui/drilldown/drilldown.html
index 99dc26b..1a807fe 100644
--- a/core/templates/ui/drilldown/drilldown.html
+++ b/core/templates/ui/drilldown/drilldown.html
@@ -3,14 +3,21 @@
 {% block content %}
   <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
   <div>
-    <form method="POST">
+    <form method="POST" hx-post="{% url 'search_drilldown' %}"
+    hx-trigger="change"
+    hx-target="#results"
+    hx-swap="innerHTML">
       {% csrf_token %}
 
       <div class="columns">
         <div class="column">
           <div class="field has-addons">
             <div class="control is-expanded has-icons-left">
-              <input name="query" class="input" type="text" placeholder="msg: science AND nick: BillNye AND channel: #science">
+              <input
+              hx-post="{% url 'search_drilldown' %}"
+              hx-trigger="keyup changed delay:200ms"
+              hx-target="#results"
+              hx-swap="innerHTML" name="query" class="input" type="text" placeholder="msg: science AND nick: BillNye AND channel: #science">
               <span class="icon is-small is-left">
                 <i class="fas fa-magnifying-glass"></i>
               </span>