diff --git a/static/renderer/debug.js b/static/renderer/debug.js
index 945d8f21f7fea8d3d28316b8d978cff0cc43e4eb..21b1b012fa2ad15ed7a9aa7a0836613cac8ade3f 100644
--- a/static/renderer/debug.js
+++ b/static/renderer/debug.js
@@ -73,12 +73,15 @@ function renderRole(_definition, _roleIdle) {
                 e.html(value);
                 break;
             case "input":
-                e = $("<input type='text'/>");
+                e = $("<input class='game_input' type='text'/>");
                 e.attr("placeholder", value);
                 break;
             case "submit":
-                e = $("<input type='submit'/>");
+                e = $("<input class='game_input' type='submit'/>");
                 e.val(value);
+                e.click(function(){
+                    submit(e);
+                });
                 break;
             default:
                 e = $("<span>Invalid Element</span>");
@@ -95,3 +98,24 @@ function renderRole(_definition, _roleIdle) {
 function sanitizeCSS(_css) {
     return(_css.replace(/</g, ""))
 }
+
+function submit(_button) {
+    var submit = {"inputs": []};
+
+    var inputs = $("#game_content .game_input").each(function(index, element) {
+        element.setAttribute("disabled", "true");
+
+        var obj = {};
+        obj[element.getAttribute("name")] = element.value;
+
+        switch(element.getAttribute("type")) {
+            case "text":
+                submit["inputs"].push(obj);
+                break;
+        }
+    });
+
+    submit["submit"] = _button.attr("name");
+
+    alert(JSON.stringify(submit));
+}