title: ngMessages/angular validation not working
body: <p>I'm getting neither a value emitted by the template fragment nor functioning validation.  My Jade template:</p>
  
  <pre><code>doctype html
  html(lang='en', ng-app="Validate")
    head
      script(src='#{cdn_path}/angular.js/1.3.11/angular.js')
      script(src='#{cdn_path}/angular.js/1.3.11/angular-messages.js')
      script.
        angular.module('Validate', ['ngMessages']);
    body
      .container
        form(method="POST", action="/apply", name="myform", novalidate="")
          pre myform.name.$error = {{ myform.name.$error }}
          input.form-control(name="name", required="", pattern=".*[a-zA-Z].*", minlength=5)
          ng-messages(for="myform.name.$error")
            ng-message(when="required") Required!
            ng-message(when="min") Too small!
          input.btn(type='submit')
  </code></pre>
  
  <p>The resulting HTML: <a href="http://plnkr.co/edit/McyMXwW1b2Ae7kkwQ1sP" rel="noreferrer">http://plnkr.co/edit/McyMXwW1b2Ae7kkwQ1sP</a></p>
  
  <p>I'd like to avoid custom directives or much in the way of additional Javascript.  What am I doing wrong?</p>