title: setInterval stopping by itself when adding new items to the array
body: <p>I'm trying to create a new object, which will run asynchronously from the start and upon creation, the object will be pushed into an array. Whenever I add a new object by clicking the button, any other setInterval of the objects in the array stop. Then upon adding another one, all of them start again. What's going on here?</p>
  
  <p>Here are the pieces of the code:</p>
  
  <pre><code>floor = {
      w_house: function() {
          this.shop = 'w_house';
          this.villains = [];
          this.thieves = 0;   
          that = this;
          setInterval(function() {
              if(that.thieves &gt; 0) {
                  console.log(that.thieves);
              }
          }, 10);
          lair.push(this);
          return $('&lt;li/&gt;').addClass('w_house').addClass('floor').append($('&lt;div/&gt;').addClass('test').text('test'));
  }}
  
  lair = [];
  
  $('.button').live('click', function() {
          $('#lair ul').append(new floor[$(this).attr('id')]());
  });
  </code></pre>
  
  <p>Thanks!</p>