title: Handlebars not reading backbone.js model attributes
body: <p>i am having some strange difficulties showing model attributes with handlebars and backbone.js
  here is the code.</p>
  
  <blockquote>
  <pre><code>MYAPP.Menu = {};
  MYAPP.Menu.Item = Backbone.Model.extend({
  urlRoot : 'menuItem',
          defaults: {
          title: "Menu Item Title default",
          price: "menu item price default"
          },
  });
  </code></pre>
  </blockquote>
  
  <pre><code>MYAPP.Menu.Items = Backbone.Collection.extend({
      model: MYAPP.Menu.Item,
      url: 'menuItems'
  });
  
  MYAPP.Menu.ItemView = Backbone.View.extend({
  
      initialize : function() {
          this.model = new MYAPP.Menu.Item();
          this.model.on('all', this.render, this);
      },
      render : function() {
          var source = $("#index-template").html();
          var template = Handlebars.compile(source);
          console.debug(this.model.get("title")); &lt;- shows default value
          var html = template(this.model);
          console.debug(html);
          this.$el.html(html);
          return this;
      }
  });
  </code></pre>
  
  <p>And the template:</p>
  
  <blockquote>
  <pre><code>  &lt;script type="text/x-mustache-template" id="index-template"&gt;
          &lt;div class="entry"&gt;
           &lt;h1&gt;{{title}}&lt;/h1&gt;
            &lt;div class="body"&gt;
              {{price}}
            &lt;/div&gt;
          &lt;/div&gt;          
      &lt;/script&gt;
  </code></pre>
  </blockquote>
  
  <p>the output is nothing just the tags with out any data. no errors in console as well.
  Any ideas?</p>
  
  <p><strong>Well i have a solution:</strong></p>
  
  <p>When i am using</p>
  
  <blockquote>
  <pre><code>  initialize : function() {
          this.title = "Menu Item Title default";
          this.price =  "menu item price default";
      },
  </code></pre>
  </blockquote>
  
  <p>Everything works fine. does anyone have an explanation for this </p>