Continua mostrando no formado json | Node.js: Inovando com Javascript no backend

Boa tarde. Estou com problemas na aula do node.js pois quando atualizo a minha página o conteúdo html aparece tudo jundo.

Fiz como esta na aula mas o erro persiste. Essa é minha lista.

<html>
    <body>
        <table>
            <tr>
                <td>id</td>
                <td>titulo</td>
                <td>descricao</td>
                <td>preco</td>
            </tr>
            <%for(var i=0;i<lista.length;i++) {%>
                <tr>
                    <td><%=lista[i].id%></td>
                    <td><%=lista[i].titulo%></td>
                    <td><%=lista[i].descricao%></td>
                    <td><%=lista[i].preco%></td>
                </tr>
            <%}%>
            <tr>
            </tr>
        </table>
    </body>
</html>

var connectionFactory = require('../infra/connectionFactory');

module.exports = function(app) {
    app.get("/produtos",function(req, res) {

        var connection = connectionFactory();

        connection.query('select * from produtos', function(err, results){
            res.render('produtos/lista', {lista: results});
        });

        connection.end();

    });
}