title: HandlebarsJS White Space in Precompiled Templates
body: <p>I'm in the process of migrating one of my projects to use HandlebarsJS templates instead of underscore templates and I have come across a very strange issue.</p>
  
  <p>I'm using precompiled templates and everywhere i'm appending rendered templates to the DOM i'm getting an empty text element appended as well which is causing layout issues with gaps rendering in place of them</p>
  
  <p>Looking at the chrome dev console shows the following markup of 3 templates appended to a div:</p>
  
  <pre><code>&gt; &lt;div&gt;
        ""
        &lt;div&gt;&lt;!--content --&gt;&lt;/div&gt;
        ""
        &lt;div&gt;&lt;!--content --&gt;&lt;/div&gt;
        ""
        &lt;div&gt;&lt;!--content --&gt;&lt;/div&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>When dumping the parent div HTML to the javascript console there aren't any spaces at all, it's simply:</p>
  
  <pre><code>&lt;div&gt;&lt;!--content --&gt;&lt;/div&gt;&lt;div&gt;&lt;!--content --&gt;&lt;/div&gt;&lt;div&gt;&lt;!--content --&gt;&lt;/div&gt;
  </code></pre>