diff --git a/index.html b/index.html
index 7ee9e35..136756c 100644
--- a/index.html
+++ b/index.html
@@ -32,8 +32,8 @@
   | foo bar
   | hello world</textarea></div><div class="span6 right"><textarea readonly class="size4 html"></textarea></div></div><hr><div class="row"><div class="span6"><textarea class="size4 jade">p.
   foo bar
-  hello world</textarea></div><div class="span6 right"><textarea readonly class="size4 html"></textarea></div></div></section><section id="variables"><div class="page-header"><h2>Variables</h2></div><div class="row"><div class="span6"><textarea class="size2 jade">foo = "hello world"
-h1= foo</textarea></div><div class="span6 right"><textarea readonly class="size2 html"></textarea></div></div><hr><div class="row"><div class="span6"><textarea class="size2 jade">foo = book.name + " world"
+  hello world</textarea></div><div class="span6 right"><textarea readonly class="size4 html"></textarea></div></div></section><section id="variables"><div class="page-header"><h2>Variables</h2></div><div class="row"><div class="span6"><textarea class="size2 jade">- var foo = "hello world"
+h1= foo</textarea></div><div class="span6 right"><textarea readonly class="size2 html"></textarea></div></div><hr><div class="row"><div class="span6"><textarea class="size2 jade">- var foo = book.name + " world"
 h1= foo</textarea><textarea class="size1 json">{"book": {"name": "hello"}}</textarea></div><div class="span6 right"><textarea readonly class="size4 html"></textarea></div></div></section><section id="escaping"><div class="page-header"><h2>Escaping</h2></div><div class="row"><div class="span6"><textarea class="size1 jade">li Hello <em>World</em></textarea></div><div class="span6 right"><textarea readonly class="size1 html"></textarea></div></div><hr><div class="row"><div class="span6"><textarea class="size2 jade">li= name
 li!= name</textarea><textarea class="size1 json">{"name": "Hello <em>World</em>"}</textarea></div><div class="span6 right"><textarea readonly class="size4 html"></textarea></div></div><hr><div class="row"><div class="span6"><textarea class="size2 jade">li Say #{name}
 li Say &#33;{name}</textarea><textarea class="size1 json">{"name": "Hello <em>World</em>"}</textarea></div><div class="span6 right"><textarea readonly class="size4 html"></textarea></div></div></section><section id="attributes"><div class="page-header"><h2>Attributes</h2></div><div class="row"><div class="span6"><textarea class="size1 jade">input(type="text", placeholder="your name")</textarea></div><div class="span6 right"><textarea readonly class="size1 html"></textarea></div></div><hr><div class="row"><div class="span6"><textarea class="size1 jade">input(type=type, value='Hello #{name}')</textarea><textarea class="size1 json">{"type": "text", "name": "Bob"}</textarea></div><div class="span6 right"><textarea readonly class="size3 html"></textarea></div></div><hr><div class="row"><div class="span6"><textarea class="size1 jade">input(checked=true, disabled=false)</textarea></div><div class="span6 right"><textarea readonly class="size1 html"></textarea></div></div></section><section id="comments"><div class="page-header"><h2>Comments</h2></div><div class="row"><div class="span6"><textarea class="size2 jade">// single line comment
diff --git a/index.jade b/index.jade
index 7554d72..47e464f 100644
--- a/index.jade
+++ b/index.jade
@@ -136,7 +136,7 @@ html
         .row
           .span6
             textarea.size2.jade.
-              foo = "hello world"
+              - var foo = "hello world"
               h1= foo
           .span6.right
             textarea.size2.html(readonly=true)
@@ -144,7 +144,7 @@ html
         .row
           .span6
             textarea.size2.jade.
-              foo = book.name + " world"
+              - var foo = book.name + " world"
               h1= foo
             textarea.size1.json.
               {"book": {"name": "hello"}}