title: Uncaught TypeError: MyView is not a function
body: <p>I have created my-view.js file as follows:</p>
  
  <pre><code>(function (Backbone) {
    var MyView = Backbone.View.extend({
      className: 'card my-card',
      template: $('#my-template').html(),
      initialize: function(options) {
        this.render()
      },
      render: function() {
        var html = _.template(this.template);
        this.$el.html(html);
        return this;
      }
    });
  
    app.modules.MyView = MyView;
  }(window.Backbone);
  </code></pre>
  
  <p>In app-controller.js, I have wrote as follows:</p>
  
  <pre><code>(function (Backbone) {
    var MyDayCardView = app.modules.MyView,  
    var AppController = Backbone.View.extend({
      initialize: function(){  
        var self = this;
      },
      appStart: function() {
        this.MyDayCardView = new MyDayCardView();
        self.$el.append(this.MyDayCardView.el);
      }
    });
  
    app.controllers.AppController = new AppController();    
  }(window.Backbone);
  </code></pre>
  
  <p>Then I got error:</p>
  
  <blockquote>
    <p>Uncaught TypeError: MyView is not a function
        Backbone.View.extend.appStart @ app-controller.js:</p>
  </blockquote>
  
  <p>Where I did wrong?</p>