title: multiple instances of a view
body: <p>I have a backbone view - which when called presents a form</p>
  
  <pre><code>$('#add-offer').click(function() {
      console.log("Here");
      formView = new TB_BB.RequestFormView({model : new TB_BB.Request(), el : '#main-container'});
      formView.render();
  });
  </code></pre>
  
  <p>The view looks like</p>
  
  <pre><code>TB_BB.RequestFormView = Backbone.View.extend({
      initialize : function(){
          this.template = $("#formTemplate"); 
          _.bindAll(this,"render");
      },
      events : {
          "submit #request-form" : "save",
      },
      render : function() {       
          $('#add-offer-button').hide();
          $(self.el).show();      
          var content = this.template.tmpl();
          $(this.el).html(content);
          return this;
      },
      save : function(event){
          console.log("Saved ");      
          event.preventDefault();
      }
  });
  </code></pre>
  
  <p>I have found that every time the 
      submit #request-form</p>
  
  <p>Event is triggered, it is triggered to EVERY instance of that view - however I thought it would be out of scope.</p>
  
  <p>So for example if I on documentload call</p>
  
  <pre><code>$(function(){
      //create the router...  
      TB_BB.r = new TB_BB.Requests(TB_BB.initialData.requests);
      app = new TB_BB.Router();   
      Backbone.history.start();
      formView2 = new TB_BB.RequestFormView({model : new TB_BB.Request(), el : '#main-container'});
      formView3 = new TB_BB.RequestFormView({model : new TB_BB.Request(), el : '#main-container'});
      formView2.render();
  });
  </code></pre>
  
  <p>And then I click the submit of the form, I see 'Saved' 3 times in the console rather than one? should that happen? can I only have one instance of a view?</p>
  
  <p>Any help appreciated</p>