title: Express 4 router and href
body: <p>Using Express 4 and the "router" <em>middleware</em></p>
  
  <p>In app.js i have the following:</p>
  
  <pre><code>var subpage = require('./routes/subpage');
  var app = express();
  app.use('/subpage', subpage);
  </code></pre>
  
  <p>in subpage.js:</p>
  
  <pre><code>var express = require('express');
  var router = express.Router();
  
  router.get('/', function(req, res) {
      res.render('subpage', {
         title: 'Subpage'
      });
  });
  </code></pre>
  
  <p>and in subpage.jade:</p>
  
  <pre><code>block content
    h1= title
    p Welcome to #{title}
    a(href='/todo') Todo
  </code></pre>
  
  <p>Is there any way I can make the subpage.jade - href render with "subpage/todo" without changing actual href it self. I have lot of hrefs in my templates, and I do not want to change these for every time I use the "subpage" in a project!? </p>