title: Using one view in the other views of backbone.js
body: <p>I try to use a typo to make my code into an easy piece of cake. </p>
  
  <p>Example I have a <code>sign in form</code> in my html file (I'm using <code>text.js</code> to seperate forms into different html file). </p>
  
  <p>Then I have more than two views have to include <code>sign in form</code> in it :</p>
  
  <pre><code>define(["jquery" ,
      "underscore" ,
      "backbone" ,
      "text!templates/Layout/signIn.html"
      //the others file
      ],function($ , _ , Backbone, SignIn){
  
      var viewA = Backbone.View.extend({
        initialize: function() {
  
         },
         events : {
          'click #signInBtn' : 'signIn'
         },
         signIn : function(){
          //do sign in action ....
          console.log("View A");
         }
       });
       return viewA;
  });
  
  
  define(["jquery" ,
      "underscore" ,
      "backbone" ,
      "text!templates/Layout/signIn.html"
      //the others file
      ],function($ , _ , Backbone, SignIn){
  
      var viewB = Backbone.View.extend({
        initialize: function() {
  
         },
         events : {
          'click #signInBtn' : 'signIn'
         },
         signIn : function(){
          //do sign in action ....
          console.log("View A");
         }
       });
       return viewB;
  });
  </code></pre>
  
  <p>As in these two views, <code>signIn</code> function is written two times. So I want to create a <code>SignInView</code> to handle the <code>singInBtn</code> event.</p>
  
  <p>Is it a good idea to do that? If so, how? </p>
  
  <p>Thanks in advanced.</p>