Ember.js, strange characters added after body
===

Running this sample 'bare bones' self-contained example

    <html>
    <head>
      <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
      <script type="text/javascript" src="http://cloud.github.com/downloads/wycats/handlebars.js/handlebars-1.0.0.beta.6.js"></script>
      <script type="text/javascript" src="http://dl.dropbox.com/u/3024625/ember.js"></script>
      <script type="text/javascript">
      $(window).load(function(){
        var App = Ember.Application.create({
          ready: function() {
            this.layout = App.ApplicationView.create();
            this.layout.appendTo('body');
          }
        });
        App.ApplicationView = Ember.View.extend({
          template: Ember.Handlebars.compile('<h1>Application</h1>')
        });
        App.initialize();
      });
      </script>
    
      <script type="text/x-handlebars" data-template-name="application">
        test
      </script>​
    </head>
    <body>
    </body>
    </html>


Gives this output:


    <body class="ember-application">â€‹

    <div id="ember129" class="ember-view"><h1>Application</h1></div></body>

Notice the "â€‹" characters. Looks like an encoding issue, but in another setup those chars take the form of a new line above all the page (that's why I noticed the problem). 

Deleting the 

      <script type="text/x-handlebars" data-template-name="application">
        test
      </script>​

lines, make the characters go away.

I have this same issue with the latest Ember.js (master), and with a build from a month ago.

Anyone else had this problem?
