diff --git a/lib/javascript/gflib.js b/lib/javascript/gflib.js
index 8d19f31b0..ee96edbab 100644
--- a/lib/javascript/gflib.js
+++ b/lib/javascript/gflib.js
@@ -15,10 +15,10 @@ GFGrammar.prototype.translate = function (input) {
 			var trees = p.parseString(input, this.abstract.startcat);
 			if (trees.length > 0) {
 				outputs[c1] = new Array();
-				for (var c2 in this.concretes) {
-					outputs[c1][c2]	= new Array();
-					for (var i in trees) {
-						outputs[c1][c2][i] = this.concretes[c2].linearize(trees[i]);
+				for (var i in trees) {
+				        outputs[c1][i] = new Array();
+				        for (var c2 in this.concretes) {
+						outputs[c1][i][c2] = this.concretes[c2].linearize(trees[i]);
 					}
 				}
 			}
diff --git a/lib/javascript/translator.html b/lib/javascript/translator.html
index 75ef2d079..b17b4bfea 100644
--- a/lib/javascript/translator.html
+++ b/lib/javascript/translator.html
@@ -5,12 +5,14 @@
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
     <script type="text/javascript" src="gflib.js"></script>
     <script type="text/javascript" src="grammar.js"></script>
+    <script type="text/javascript" src="translator.js"></script>
     <title>Web-based GF Translator</title>
   </head>
   <body>
     <form>
-      <input type="text" name="inputText" />
-      <input type="button" value="Translate" onclick="alert(Literals.translate(this.form.inputText.value).length)" />
+      <input type="text" name="inputText" value="this cheese is warm" />
+      <input type="button" value="Translate" onclick="document.getElementById('output').appendChild(formatTranslation(Food.translate(this.form.inputText.value))); return false;" />
     </form>
+    <div id="output"></div>
   </body>
 </html>
