title: temporary backbone collection for editing models
body: <p>Im working with a collection and models:</p>
  
  <pre><code>var StuffCollection = Backbone.Collection;
  var StuffModel = Backbone.RelationalModel;
  </code></pre>
  
  <p>in one place I make an instance of that collection with models:</p>
  
  <pre><code>var stuffCollection = new StuffCollection();
  // do stuff here to load a bunch of models
  </code></pre>
  
  <p>in another place I want to clone that collection to edit without editing the original:</p>
  
  <pre><code>var tempStuffCollection = new StuffCollection();
  tempStuffCollection.reset(stuffCollection.models);
  // do stuff here to edit the collection
  </code></pre>
  
  <p>but when I edit the models in tempStuffCollection they edit in stuffCollection
  so instead I tried this:</p>
  
  <pre><code>var tempStuffCollection = new StuffCollection();
  tempStuffCollection.reset(stuffCollection.toJSON());
  // do stuff here to edit the collection
  </code></pre>
  
  <p>so it would seem like all the references are removed... but no! when I edit the models in tempStuffCollection it still changes them in stuffCollection!</p>
  
  <p>How do I seperate the two collections of models??</p>