title: ParseError.tagTemplateNotFound("short\").val")
body: <p>I am working on a very simple Vapor app. I am currently working on one of the views:</p>
  
  <pre><code>#extend("base")
  
  #export("body") {
      &lt;form&gt;
          &lt;div class="row"&gt;
                  &lt;div class="six columns"&gt;
                      &lt;label for="exampleEmailInput"&gt;Acronym&lt;/label&gt;
                      &lt;input class="u-full-width" type="email" id="short"&gt;
                      &lt;/div&gt;
                  &lt;div class="six columns"&gt;
                      &lt;label for="exampleRecipientInput"&gt;Long form&lt;/label&gt;
                      &lt;input class="u-full-width" type="email" id="long"&gt;
                  &lt;/div&gt;
          &lt;/div&gt;
      &lt;/form&gt;
      &lt;div class="row"&gt;
          &lt;div class="five columns"&gt;&lt;/div&gt;
              &lt;div class="two columns"&gt;
                  &lt;a class="button button-primary" id="submit" href="/acronym/all"&gt;Save Acronym&lt;/a&gt;
              &lt;/div&gt;
          &lt;div class="five columns"&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;script&gt;
          function setHref() {
              var short = $("#short").val();
          }
      &lt;/script&gt;
  }
  </code></pre>
  
  <p>This code works until I add the <code>short</code> variable to the <code>setHref</code> function. Then I get a parsing error:</p>
  
  <pre><code>Uncaught Error: ParseError.tagTemplateNotFound("short\").val"). Use middleware to catch this error and provide a better response. Otherwise, a 500 error page will be returned in the production environment.
  </code></pre>
  
  <p>Why is this happening?</p>