title: backbone.js nested collection, add event fires, but returns parent model
body: <p>I've been trying to nest a collection inside a model. 
  I've got a recipe, and a recipe has ingredientslist(collection) which has ingredient(model).</p>
  
  <p>I first tried backbone relational-model, but then opted for the method provided here <a href="https://stackoverflow.com/questions/6353607/backbone-js-structuring-nested-views-and-models/#answer-6476507">backbone.js structuring nested views and models</a></p>
  
  <p>When I add an ingredient to the collection, the add event is triggered.</p>
  
  <pre>
  initialize: function(){
          recipe = this.model;
  
          console.log(recipe);
           _.bindAll(this,"add","remove");
  
      recipe.ingredientlist.each(this.add);
      recipe.ingredientlist.bind('add', this.add);
      recipe.ingredientlist.bind('remove', this.remove);
          this.render();
      },
          add: function(ingredient){
          console.log(ingredient);
      }
  </pre>
  
  <p>but in my console, where I am trying to output the ingredient which was added, I'm getting the recipe model returned. </p>
  
  <p>My model looks like this</p>
  
  <pre>
  MyApp.Models.Recipe = Backbone.Model.extend({
  
      initialize: function(){
          this.ingredientlist = new MyApp.Collections.IngredientList();
          this.ingredientlist.parent = this;
  });
  </pre>
  
  <p>how do I get the bind to return the ingredient which was just added to the collection, rather than the entire recipe model?</p>