diff --git a/demo.html b/demo.html
index b4a63e2..c93a72c 100644
--- a/demo.html
+++ b/demo.html
@@ -26,6 +26,9 @@ <h1>Pure JavaScript HTML5 Parser</h1>
 						<input type="submit" value="Run" class="btn btn-primary" />
 					</form>
 					<br />
+					<label>Output (JSON):</label><br />
+					<textarea cols="60" rows="10" id="outputJson" style="width: 100%;"></textarea>
+				
 					<label>Output (XML):</label><br />
 					<textarea cols="60" rows="10" id="output" style="width: 100%;"></textarea>
 				</div>
@@ -57,23 +60,25 @@ <h1>Pure JavaScript HTML5 Parser</h1>
 		</div>
 	</div>
 	<script src="htmlparser.js"></script>
-	<script>
+	<script>
 		window.onload = function () {
-			var input = document.getElementById("input");
-			var output = document.getElementById("output");
-			var form = document.getElementById("form");
-
-			input.value = "<p>hello <b style='test foo' disabled align=\"b\\\"ar\">john <a href='http://ejohn.org/'>resig</b><img src=test.jpg></img><div>test</div><p>hello world";
-			output.value = "";
-
+			var input = document.getElementById("input");
+			var outputJson = document.getElementById("outputJson");
+			var output = document.getElementById("output");
+			var form = document.getElementById("form");
+
+			input.value = "<p>hello <b style='test foo' disabled align=\"b\\\"ar\">john <a href='http://ejohn.org/'>resig</b><img src=test.jpg></img><div>test</div><p>hello world";
+			output.value = "";
+
 			form.onsubmit = function (e) {
-				if (e) e.preventDefault();
-				if (typeof event != "undefined") event.returnValue = false;
-
-				output.value = HTMLtoXML(input.value);
+				if (e) e.preventDefault();
+				if (typeof event != "undefined") event.returnValue = false;
+
+				output.value = HTMLtoXML(input.value);
+				outputJson.value = HTMLtoJSON(input.value);
 				return false;
 			};
-		};
+		};
 </script>
 </body>
 </html>
diff --git a/htmlparser.js b/htmlparser.js
index 625eee2..8b1e73c 100644
--- a/htmlparser.js
+++ b/htmlparser.js
@@ -266,6 +266,67 @@
 		return results;
 	};
 
+	this.HTMLtoJSON = function (html) {
+		var results = "";
+		var level = 0;
+		HTMLParser(html, {
+			level: 0,
+			spar: '',
+			paths:[0],
+			moveLevel: function (step) {
+				this.level += step;
+				var topchar = this.paths[this.paths.length - 1]
+				if(step == 1){
+					if( topchar != 'c' && topchar != 0){
+						this.paths.push('c');
+						results += ',\r\n' + this.spar + '"children":[' ;
+					}else if(topchar != 0){
+						results += ','
+					}
+					this.paths.push(this.level)
+				} else {
+					if(topchar =='c'){ 
+						this.paths.pop();
+						results += ']' ;
+					}
+					this.paths.pop()
+				}
+				this.spar = new Array(this.level + 1).join('\t');
+			},
+			start: function (tag, attrs, unary) {
+				this.moveLevel(1)
+				results += "{"
+				attrs.unshift({
+					name:'component',
+					escaped:tag
+				})
+				for (var i = 0; i < attrs.length; i++){ 
+					results += '\r\n' + this.spar + '"' + attrs[i].name + '":"' + attrs[i].escaped + '"';
+					if(i<attrs.length-1){
+						results += ',';
+					}
+				} 
+				if(unary){
+					this.end(tag);
+				}
+			},
+			end: function (tag) {
+				this.moveLevel(-1)
+				results += '\r\n' + this.spar + '}';
+			},
+			chars: function (text) {  
+				this.moveLevel(1)
+				results += '"' + text + '"'
+				this.moveLevel(-1)
+			},
+			comment: function (text) {
+				//results += "<!--" + text + "-->";
+			}
+		});
+
+		return results;
+	};
+
 	this.HTMLtoDOM = function (html, doc) {
 		// There can be only one of these elements
 		var one = makeMap("html,head,body,title");