Not able to load jade block

Here's the code:

//- layout.jade
doctype html
html(lang="en")
    body
        block test

And heres the block

//- test.jade
extends layout.jade
block test
    .foo
        | hello

Both jade files are in the same directory. When the html file is compiled, the .foo div is missing. What am I doing wrong?