title: Backbone.js Event Not firing
body: <p>I can't get this thing to add when i click the add button. I'm completely new to this.</p>
  
  <p>JS code</p>
  
  <pre><code>    function RecipeApp() {
      var _Ingredient=Backbone.Model.extend(COOKBOOK.Domain.Ingredient),  
      _Ingredients = Backbone.Collection.extend({
          model: _Ingredient
      }),
      _IngredientView = Backbone.View.extend({
          tagName: "li",
          initialize: function () {
              this.model.bind("change", this.render, this);
          },
          render: function () {
              var templateid = this.model.get('ViewID');
              $(this.el).html(Mustache.to_html($("#"+templateid).html(),this));
          }
      }),
      _AddView = Backbone.View.extend({
          id:"divAddIngredient",
          events: {
              "click .btn": "create"
          },
          render: function () {
              var tmpAddAnIngredient = $("#tmpMasterView").html(),
              $submain = $("#submain");
              $submain.html(Mustache.to_html(tmpAddAnIngredient, COOKBOOK.Domain));
          },
          initialize: function (ingredients) {
              console.log("init enter");
              this.render();
              this._Ingredients = ingredients;
              this._Ingredients.bind('add', this.add, this);
              console.log("init leave");
          },
          //added functions
          create: function () {
              console.log("create");
              var typename = this.$(".typeName").val(),
              ingredient = _.detect(COOKBOOK.Domain.Ingredients, function (i) { i.TypeName === typename });
  
              if (!!ingredient) {
                  this._Ingredients.create(ingredient);
              }
  
          },
          add: function (ingredient) {
              console.log('add');
              var view = new _IngredientView(ingredient);
              this.$("#divIngredients").append(view.render().el);
          }
      });
      this.Ingredients = new _Ingredients();
      this.AddView = new _AddView(this.Ingredients);
  }
  $(function () {
       window.app = new RecipeApp();
  
  
      //
  
  });
  </code></pre>
  
  <p>And here is the mustache template</p>
  
  <pre><code>    &lt;script id="tmpTempDirectoryIngredient" type="text/html"&gt;
  &lt;div class="block-message"&gt;
  &lt;form&gt;
      &lt;fieldset&gt;
          &lt;legend&gt;Create a Temporary Directory&lt;/legend&gt;
  
      &lt;div class="clearfix"&gt;
              &lt;input type="text" name="DirectoryName" class="DirectoryName" /&gt;
      &lt;/div&gt;
      &lt;/fieldset&gt;
  &lt;/form&gt;
  &lt;/div&gt;
  &lt;/script&gt;
  &lt;script id="tmpMasterView" type="text/html"&gt;
  &lt;div class="block-message info" id="divAddIngredient"&gt;
      &lt;form&gt;
      &lt;fieldset&gt;
          &lt;legend&gt;Add an Ingredient&lt;/legend&gt;
  
      &lt;div class="clearfix"&gt;
          &lt;select class="typeName"&gt;
              {{#Ingredients}}
              &lt;option value="{{TypeName}}"&gt;{{Name}}&lt;/option&gt;
              {{/Ingredients}}
          &lt;/select&gt;
      &lt;/div&gt;
      &lt;div class="clearfix"&gt;
          &lt;input type="button" class="btn primary" value="Add Ingredient" /&gt;
      &lt;/div&gt;
      &lt;/fieldset&gt;
  &lt;/form&gt;
  &lt;/div&gt;
  &lt;hr /&gt;
  &lt;div id="divIngredients"&gt;
  
  &lt;/div&gt;
  &lt;/script&gt;
  </code></pre>