title: Issues with using multiple models in a single Backbone view and EJS template
body: <p>I'm trying to utilize two models in a single view and thus template but after attempting the examples shown in this question: <a href="https://stackoverflow.com/questions/7385629/backbone-js-complex-views-combining-multiple-models">Backbone.js: complex views combining multiple models</a> I am running into some errors.</p>
  
  <p>First if I try to use a view model to combine both models as below:</p>
  
  <pre><code>var model = new Backbone.Model();
  model.set({ image: image, person: person });
  var view = new Project.Views.Images.ShowView({ model: model });
  </code></pre>
  
  <p>I am unable to access anything in the template, each field is either empty or some are the string representation of a function. Here's my template:</p>
  
  <pre><code>&lt;img width="&lt;%= image.width %&gt;" height="&lt;%= image.height %&gt;" alt="&lt;%= image.message %&gt;" src="&lt;%= image.url %&gt;" /&gt;
  &lt;p&gt;&lt;%= image.message %&gt;&lt;/p&gt;
  &lt;h4&gt;by &lt;%= person.name %&gt;&lt;/h4&gt;
  </code></pre>
  
  <p>Here's the output that template produces:</p>
  
  <pre><code>&lt;img width="" height="" alt="" src="function () {
    var base = getUrl(this.collection) || this.urlRoot || urlError();
    if (this.isNew()) return base;
    return base + (base.charAt(base.length - 1) == '/' ? '' : '/') + encodeURIComponent(this.id);
  }"&gt;
  &lt;p&gt;&lt;/p&gt;
  &lt;h4&gt;by &lt;/h4&gt;
  </code></pre>
  
  <p>I have verified that both image and chaser are valid models and if I pass in only one of them to the view it works fine and binds that model to that view.</p>
  
  <p>I have also tried the other approach:</p>
  
  <pre><code>var view = new Project.Views.Images.ShowView({ model: image, person: person });
  </code></pre>
  
  <p>With the template then looking like this:</p>
  
  <pre><code>&lt;img width="&lt;%= width %&gt;" height="&lt;%= height %&gt;" alt="&lt;%= message %&gt;" src="&lt;%= url %&gt;" /&gt;
  &lt;p&gt;&lt;%= message %&gt;&lt;/p&gt;
  &lt;h4&gt;by &lt;%= person.name %&gt;&lt;/h4&gt;
  </code></pre>
  
  <p>However this throws a javascript error saying person is undefined and if I remove person.name from the template the rest displays properly.</p>
  
  <p>What am I doing wrong and are these even the right approaches to take?</p>