title: how to set the another view objects in backbone.js
body: <p>My app is designed that router is changed then rendering other view 
  but, I don't know that how communication for created other view object.</p>
  
  <p><strong>router.js</strong></p>
  
  <pre><code>    var app = app || {};
  (function() {
      'use strict';
      var views = app.view = app.view || {};
      app.Router = Backbone.Router.extend({
          routes: {
              '*home': 'homeRoute',
              'about': 'aboutRoute',
              'contact': 'contactRoute'
          },
          initialize: function() {
              // create the layout once here
              this.layout = new views.Application({
                  el: 'body',
              });
          },
          homeRoute: function() {
              var view = new views.Home();
              this.layout.setContent(view);
          },
          aboutRoute: function() {
              var view = new views.About();
              this.layout.setContent(view);
          },
          contactRoute: function() {
              var view = new views.Contact();
              this.layout.setContent(view);
          }
      });
  })();
  </code></pre>
  
  <p><strong>view.js</strong></p>
  
  <pre><code>var app = app || {};
  (function() {
      'use strict';
      //views linitalize
      var views = app.view = app.view || {};
      views.Application = Backbone.View.extend({
          initialize: function() {
              // caching the jQuery object on init
              this.$content = this.$('#content');
              this.$loading = this.$('#loading');
          },
          setContent: function(view) {
              var content = this.content;
              if (content) content.remove();
              this.showSpinner();
              content = this.content = view;
              console.log(view);
              //content rednering
              this.$content.html(content.render().el, this.hideSpinner());
          },
          showSpinner: function() {
            this.$loading.show();
          },
          hideSpinner: function() {
            this.$loading.hide();
          },
      });
      views.Home = Backbone.View.extend({ });
      views.About = Backbone.View.extend({
        initialize: function(){
          this.render();
        },
        render: function(){
          var template =  _.template("&lt;strong&gt;About page&lt;/strong&gt;");
        }
      });
      views.Contact = Backbone.View.extend({
        my_template: _.template("&lt;strong&gt;Contact page&lt;/strong&gt;");
      });
  })();
  </code></pre>
  
  <p><strong>index.html</strong></p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;title&gt;&lt;/title&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;ul class="pills"&gt;
          &lt;li&gt;&lt;a href="#/"&gt;Home&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#/about"&gt;About&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#/contact"&gt;Contact&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;div id="content"&gt;&lt;/div&gt;
      &lt;div id="loading"&gt;load the page...&lt;/div&gt;
      &lt;div id="sumMenu"&gt;&lt;/div&gt;
      &lt;script src="lib/jquery-3.1.1.min.js"&gt;&lt;/script&gt;
      &lt;script src="lib/underscore.js"&gt;&lt;/script&gt;
      &lt;script src="lib/backbone.js"&gt;&lt;/script&gt;
      &lt;script src="lib/backbone.localstorage.js"&gt;&lt;/script&gt;
      &lt;script src="routers/router.js" &gt;&lt;/script&gt;
      &lt;script src="views/view.js" &gt;&lt;/script&gt;
      &lt;script src="views/app.js" &gt;&lt;/script&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>If you look at this code, you'll understand. It's hard to communicate what I said above.</p>
  
  <p>Look at the <strong>view.js</strong>, I wrote 3 views property (<code>home</code>, <code>about</code>, <code>contact</code>) and those contained code that doesn't run.</p>
  
  <pre><code>my_template: _.template("&lt;strong&gt;Contact page&lt;/strong&gt;");
  </code></pre>
  
  <p>I really want to know that after object create, how to set the objects value and rendering? </p>