Confused on scoping and this
<p>I received a code snipper from here: <a href="http://jsdude.wordpress.com/2012/12/19/jquery-event-callbacks-and-javascript-oop-methods/" rel="nofollow">http://jsdude.wordpress.com/2012/12/19/jquery-event-callbacks-and-javascript-oop-methods/</a>:</p>

<pre><code> var CounterButton = function(el){
    this.$el = $(el);
    this.counter = 0;
    this.bindEvents();
    this.myVal = 1;
}

CounterButton.prototype.bindEvents = function(){
    this.$el.click(this.clicked);
};

CounterButton.prototype.clicked = function(){
    this.increase();
    this.showMessage();
};
</code></pre>

<p>I am trying to figure out this specific line: <code>his.$el.click(this.clicked);</code>.  When you have <code>this</code> inside the <code>click</code> function does that refer to whats being clicked on which would be <code>this.$el</code>?</p>
