title: jquery and HTML5's template tag
body: <p>I want to use underscorejs' templating function. It seems like HTML5's <code>&lt;template&gt;</code> tag would be an AMAZING fit for this, but there's a snag... The underscorejs interpolation tags (<code>&lt;%</code> and <code>%&gt;</code> get html-escaped, so HTML inside a template tag looks like so:</p>
  
  <pre><code>$('template.new-email').html()
  </code></pre>
  
  <p>=></p>
  
  <pre><code>"
    &lt;div class="email"&gt;
      &lt;div class="timestamp"&gt;
        &amp;lt;%= received %&amp;gt;
      &lt;/div&gt;
      &lt;div class="from"&gt;
        &amp;lt;%= from %&amp;gt;
      &lt;/div&gt;
      &lt;div class="title"&gt;
        &amp;lt;%= title %&amp;gt;
      &lt;/div&gt;
      &lt;div class="message"&gt;
        &amp;lt;%= message %&amp;gt;
      &lt;/div&gt;
    &lt;/div&gt;
  "
  </code></pre>
  
  <p>Well, that <em>sucks</em>.</p>
  
  <p>Now, as it turns out, if I use a script tag with a fictitious type, like "x-underscore-templates", then it looks hunky-dory:</p>
  
  <pre><code>$('.new-email').html()
  </code></pre>
  
  <p>=></p>
  
  <pre><code>"
    &lt;div class="email"&gt;
      &lt;div class="timestamp"&gt;
        &lt;%= received %&gt;
      &lt;/div&gt;
      &lt;div class="from"&gt;
        &lt;%= from %&gt;
      &lt;/div&gt;
      &lt;div class="title"&gt;
        &lt;%= title %&gt;
      &lt;/div&gt;
      &lt;div class="message"&gt;
        &lt;%= message %&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  "
  </code></pre>
  
  <p>So my question is -- can I use the template tag? How do I get just the characters I need, in a string, so I can pass them to underscore's templating system?</p>
  
  <p>Note - since the server I'm using right now is a hapijs / node server that uses handlebars as a server-side templating system, I can't just use {{ and }}.</p>