title: Remove Interval in Backbone view
body: <p>I'm doing a very little clock for practice with Backbone but i'm not able to stop it.. I'm trying to stop it by returning the id of the current interval, but it doesn't work.  What i'm doing wrong?</p>
  
  <pre><code>   var app = {
      lap: Backbone.Model.extend({
       defaults: {
         time: 0
       }
      }),
      views: {
        home: Backbone.View.extend({
          el: $('#the-clock'),
          tagName: 'div',
          events: {
            "click #save-lap" : "stopWatch"
        },
        render: function(){
           var time = this.theWatch(),
               tpl = '&lt;button id="save-lap"&gt;&lt;/button&gt;&lt;span id="clock"&gt;Son las &lt;%= time %&gt;&lt;/span&gt;';
  
           $(this.el).html( _.template(tpl,time));
        },
          theWatch: function(){
            var currentTime = new Date(),
                currentHour = currentTime.getHours(),
                currentMinutes = currentTime.getMinutes(),
                currentSeconds = currentTime.getSeconds(),
                timeOfDay = (currentHour &lt; 12) ? "AM":"PM";
  
            return data = {
                time: currentHour + ':' + currentMinutes + ':' + currentSeconds + ' ' + timeOfDay
            }
        },
        updateWatch: function(){
            return setInterval(
                function(){
                    this.render();
                }.bind(this),
                1000
            )
        },
        stopWatch: function(){
            console.log('stop')
            var clock = this.updateWatch();
            clearInterval(clock);
        },
        initialize: function(){
            this.render();
            this.updateWatch();
        }
    })
  },
  ini: function(){
    var Home = new this.views.home();
  }
  };
  
   (function(){
      app.ini();
    })();
  </code></pre>
  
  <p>Thanks!</p>