diff --git a/plugins/october/demo/components/todo/default.htm b/plugins/october/demo/components/todo/default.htm
index e30428c8e..722b11edf 100644
--- a/plugins/october/demo/components/todo/default.htm
+++ b/plugins/october/demo/components/todo/default.htm
@@ -1,8 +1,9 @@
-{{ form_ajax(__SELF__ ~ '::onAddItem', {
-    update: "'" ~ __SELF__ ~ "::list': '#result'",
-    success: "$('#input-item').val('')",
-    'data-request-flash': ''
-}) }}
+<form
+    role="form"
+    data-request="{{ __SELF__ }}::onAddItem"
+    data-request-update="'{{ __SELF__ }}::list': '#result'"
+    data-request-success="$('#input-item').val('')"
+    data-request-flash>
     <div class="panel panel-default">
         <div class="panel-heading">
             <h3 class="panel-title">To Do List</h3>
@@ -18,4 +19,4 @@
         <ul class="list-group" id="result">
         </ul>
     </div>
-{{ form_close() }}
+</form>