diff --git a/static/debug.html b/static/debug.html
index 89068a9..f79b97f 100644
--- a/static/debug.html
+++ b/static/debug.html
@@ -69,6 +69,7 @@
             <row>
               <input type="text" id="messageText">
               <button id="sendMessage">Send</button>
+              <button id="sendJSON">JSON</button>
             </row>
 	        </panelbody>
         </sendmessage>
diff --git a/static/debug.js b/static/debug.js
index d5d6109..cf525ea 100644
--- a/static/debug.js
+++ b/static/debug.js
@@ -39,6 +39,7 @@ var onReady = function() {
   elements['pinText'].addEventListener('keypress', pinKeyPress);
   document.getElementById('pin').addEventListener('click', pin);
   document.getElementById('sendMessage').addEventListener('click', sendMessage);
+  document.getElementById('sendJSON').addEventListener('click', sendJSON);
   document.getElementById('subscribe').addEventListener('click', subscribe);
 };
 
@@ -145,7 +146,7 @@ var addToList = function(msg, list, trackobj) {
           (new Date(msg['created'] * 1000)).toString()));
     item.appendChild(row);
   }
-  item.appendChild(document.createTextNode(msg['message']));
+  item.appendChild(document.createTextNode(JSON.stringify(msg['message'])));
 
   list.insertBefore(item, list.firstChild);
 
@@ -243,6 +244,22 @@ var sendMessage = function() {
   elements['messageText'].value = '';
 };
 
+var sendJSON = function() {
+  if (!selectedSubject) {
+    alert('Please select a subject.');
+    return;
+  }
+  var parsed;
+  try {
+    parsed = JSON.parse(elements['messageText'].value);
+  } catch (err) {
+    alert('Invalid JSON: ' + err.message);
+    return;
+  }
+  cosmo.sendMessage(selectedSubject.subject, parsed);
+  elements['messageText'].value = '';
+};
+
 var messageKeyPress = function(e) {
   if (e.keyCode == 13) {
     sendMessage();