title: Navigating Views Backbone does not remove model
body: <p>The problem is reproduced in the following way:</p>
  
  <ol>
  <li>Navigate to route<a href="https://i.stack.imgur.com/hLQ1u.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/hLQ1u.png" alt="Initial State"></a></li>
  <li>Navigate away <a href="https://i.stack.imgur.com/vYS3o.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/vYS3o.png" alt="Go to other route"></a></li>
  <li>Navigate back <a href="https://i.stack.imgur.com/yzBBL.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/yzBBL.png" alt="Go back"></a></li>
  </ol>
  
  <p>Whenever I navigate back the models aren't rendered. I suppose that is because this events aren't triggered:</p>
  
  <pre><code>this.listenTo(this.collection, 'add', this.addOne);
  this.listenTo(this.collection, 'reset', this.addAll);
  </code></pre>
  
  <p>This is my router:</p>
  
  <pre><code>    routes: {
          ''               : 'home',
          'home'           : 'home',
          'departments'    : 'departments',
          ...
      },
  
      home: function(){
          var view = new app.HomeView();
          this.showView(view);
      },
  
      departments: function(){
          var view = new app.DepartmentsView();
          this.showView(view);
      }, 
      showView: function(view){
           if (this.currentView){
            this.currentView.clean();
          }
  
          this.currentView = view;
          this.currentView.render()
  
          $('#container').html(this.currentView.el);
      }
  </code></pre>
  
  <p>And this is my clean method: </p>
  
  <pre><code>Backbone.View.prototype.clean = function () {
      this.remove();
      this.unbind();
      _.each(this.subViews, function(subView){
          subView.clean();
          if(subView.onClose){ subView.onClose() }
      });
  };
  </code></pre>
  
  <p>This is the onClose method on subviews:</p>
  
  <pre><code>onClose: function(){
          this.model.off('change',this.render);
          this.model.off('destroy',this.remove);
          console.log('unbinding');
      }
  </code></pre>
  
  <p>I save all subviews on array and then close when navigating away. I really haven't identified the root cause of such problem.</p>
  
  <p>I'm quite desperate because I have tried everything from Derick Bailey's posts and going through Backbone's docs and haven't been able to fix this.</p>
  
  <p>------EDIT--------
  The view is composed as: </p>
  
  <ol>
  <li>Parent View: Containing a the table, header, without the rows.</li>
  <li>Child View: Which are the rows --> <code>&lt;tr&gt;</code>  </li>
  <li>Modal View: This is a
  view containing the form that creates the models</li>
  </ol>
  
  <p>This is my repo if you want to take a look. Reproducing something minimal actually is a lot of code to post in a question. <a href="https://github.com/DiegoGallegos4/HRM_NH" rel="nofollow noreferrer">REPO</a></p>
  
  <p>Ill appreciate help with this.</p>