Watchlists.View.js

Watchlists.View = Backbone.Marionette.CompositeView.extend({
  template: Backbone.Marionette.TemplateCache.get('#watchlists-view'),

  itemView: Watchlists.TableItemView,

  itemViewContainer: 'tbody',

  events: {
    'submit .add-form': 'addWatchlist'
  },

  addWatchlist: function(e) {
    var self = this
      , $form = this.$el.find('.add-form')
      , $input = $form.find('.title-input')
      , title = $input.val()
      , exists = this.collection.findWhere({title: title})
      , model

    if (!exists && title.length) {
      // This ▾▾▾ is throwing an error! Why?!!
      model = this.collection.create({title: title})
    }

    else {
      $form.removeClass('animated shake').addClass('animated shake')
    }

    return false
  }
})