title: How to filter a backbone collection and render the results
body: <p>Total newbie to Backbone so apologize if this is a simple question.</p>
  
  <p>I am have successfully loaded a collection and rendered the view. However I have a dropdown with A tags that I would like to use the filter the data displayed. I'm trying to set an event listener in my VIEW and then trigger a function within the view to filter the results and re-render the view. </p>
  
  <p>Here's my code:</p>
  
  <pre><code>IBA.NewsModel = Backbone.Model.extend({});
  IBA.NewsCollection = Backbone.Collection.extend({
      model: IBA.NewsModel,
      url: "/news/api"
  });
  IBA.NewsView = Backbone.View.extend({
    el: '#main',
    template: _.template($("#news-article").html()),
  
    events: {
      "change .dropdown-item": "filterNews"
    },
  
    initialize: function () {
      this.collection = new IBA.NewsCollection();
      this.listenTo(this.collection, 'reset', this.render);
      this.collection.fetch({
        success: function() {
          console.log("JSON file load was successful");
          view.render();
        },
        error: function(){
          console.log('There was some error in loading and processing the JSON file');
        }
      });
    },
  
    render: function () {
        this.$el.html(this.template({ 
          articles: this.collection.toJSON() 
        })
      );
      return this;
    },
  
    filterNews: function (e){
      e.preventDefault();
      var items = this.collection.where({cat_name: "interviews"});
      console.log(items);
      this.$el.html(this.template({articles: this.items.toJSON()}));
    }
  });
  
  var view = new IBA.NewsView();
  </code></pre>