title: Why this.$el gives undefined error but $(this.el) works inside render function in Backbone view?
body: <p>I am quite new to backbone.js with little experience in javaScript. I was trying various backbone tutorial found here and there. e.g. from this tutorial I was trying to learn </p>
  
  <p><a href="http://codebyexample.info/2012/03/06/backbone-baby-steps/#more-35" rel="nofollow">backbone-baby-steps</a></p>
  
  <p>In most of the tutorials like above one, they use following code inside <code>Backbone.View.extend</code> to set the model in html template and then render it,</p>
  
  <pre><code>render: function() {
      var tmpl = _.template(this.template);
      this.$el.html(tmpl(this.model.toJSON()));
      return this;
      }
  </code></pre>
  
  <p>but when I run the code in chrome debugger it says this <code>this.$el</code> is undefined. I searched a lot but didn't get the solution, then I modified the code by own and it worked,</p>
  
  <pre><code>$(this.el).html(tmpl(this.model.toJSON()));
  </code></pre>
  
  <p>I'm using <code>cdnjs</code> hosted libraries for backbone, underscore and jquery. </p>
  
  <p>I want to know why every backbone tutorial on internet is using <code>this.$el</code> version but it doesn't work for me? </p>
  
  <p>And also, when I use the the library(backbone, underscore etc.) files provided by the tutorials instead of hosted one, chrome debugger gives various errors in libraries, why?</p>