title: how to render json object in jade and loop through results
body: <p>When I send a JSON string to a jade file for rending I'm only able to print out the string in it's entirety but not by it's elements. How do I print out specific elements or loop through the JSON string?</p>
  
  <p>app.js:</p>
  
  <pre><code>var http    = require('http'), 
      express = require('express'),
      net     = require('net');
  
  var app = express();
  
  app.set('views', __dirname + '/views');
  app.set('view engine', 'jade');
  app.use(express.logger('dev'));
  app.use(express.static(__dirname + '/public'));
  
  app.get('/', function (req, res) {
      var json_string = {"action":"date +%s","result":"1367263074"};
      res.render('index', { layout : 'layout', json: JSON.stringify(json_string) });
  })
  app.listen(3000);
  </code></pre>
  
  <p>layout.jade:</p>
  
  <pre><code>!!!5
  html
   head
    body
     p !{json}
     p !{json.result}
     p ---
      each val, key in json
       p #{key}: #{val}
  </code></pre>
  
  <p>expected output:</p>
  
  <pre><code>{"action":"date +%s","result":"1367263074"}
  1367263074
  ---
  action: date +%s
  result: 1367263074
  </code></pre>
  
  <p>actual output: </p>
  
  <pre><code>{"action":"date +%s","result":"1367263074"}
  
  ---
  0: {
  1: "
  2: a
  3: c
  4: t
  5: i
  6: o
  7: n
  8: "
  9: :
  10: "
  11: d
  12: a
  13: t
  14: e
  15:
  16: +
  17: %
  18: s
  19: "
  20: ,
  21: "
  22: r
  23: e
  24: s
  25: u
  26: l
  27: t
  28: "
  29: :
  30: "
  31: 1
  32: 3
  33: 6
  34: 7
  35: 2
  36: 6
  37: 3
  38: 0
  39: 7
  40: 4
  41: "
  42: }
  </code></pre>