title: Backbone view 1 pass value to another view 2
body: <p>This is the first view content ,where the second view is loaded to first view as a child.  </p>
  
  <pre><code>  define([ 'jquery', 'underscore', 'backbone',
              'text!../../../../school-admin/classManagement.html',
              'views/schoolModule/stdManagementView'],
      function($, _, Backbone, hrManagementTemplate,StdManagementView) {
          var ClassManagementView = Backbone.View
                  .extend({
                      // target item.
                      el : $("#schoolContentOuterPnl"),
                      render : function() {
                          var data = {};
                          // template
                          var compiledTemplate = _.template(hrManagementTemplate, data);
                          // append the item to the view's target
                          this.$el.html(compiledTemplate);
                      },
                      // Event Handlers
                      events : {
                          "click #btnStdInClassManagement" : "loadStdInClassManagement",
                          },
  
                      loadStdInClassManagement : function(){
                         //Here i want to pass value to another view
                          new StdManagementView({
                              el : $("#classManagementContenTtabContent")
                          });
                      },
                  });
          return new ClassManagementView;
      });
  </code></pre>
  
  <p>This is my second view ,when the event on the first view is triggered.</p>
  
  <pre><code>  define([ 'jquery', 'underscore', 'backbone', 'datatables',
                      'text!../../../../school-admin/stdManagement.html' ],
              function($, _, Backbone, datatables,  stdManagementTemplate) {
                  var StdManagementView = Backbone.View.extend({
                              initialize: function(){
                                  this.render();
                              },
                              render : function() {
                                  var data = {};
                                  // template
                                  var compiledTemplate = _.template(
                                          stdManagementTemplate, data);
                                  // append the item to the view's target
                                  this.$el.html(compiledTemplate);
                                  },
                              // Event Handlers
                              events : {},
                                  });
              return StdManagementView;
              });
  </code></pre>
  
  <p>From the above code how can i pass a dynamic value from view 1 to view 2.</p>