diff --git a/templates/rrs/recipes.html b/templates/rrs/recipes.html
index c935249..c41d014 100644
--- a/templates/rrs/recipes.html
+++ b/templates/rrs/recipes.html
@@ -74,7 +74,7 @@
     </div>
 </div>
 
-<table class="table table-bordered statustable tablesorter table-hover">
+<table class="table table-bordered tablesorter table-hover recipestable">
 <thead>
     <tr>
         <th class="recipe_column">Recipe</th>
@@ -106,7 +106,16 @@
 {% endfor %}
 </tbody>
 </table>
-
-<script src="{% static "js/uitablefilter.js" %}"></script>
-<script src="{% static "js/jquery.tablesorter.js" %}"></script>
+{% endblock %}
+
+{% block scripts %}
+<script src="{% static "js/uitablefilter.js" %}"></script>
+<script>
+$(document).ready(function() {
+    $("#filter").keyup(function() { 
+        var recipestable = $('.recipestable');
+        $.uiTableFilter(recipestable, this.value);
+    });
+});
+</script>
 {% endblock %}