title: Using jQuery $(this) with ES6 Arrow Functions (lexical this binding)
body: <p>Using ES6 arrow functions with lexical <code>this</code> binding is great.</p>
  
  <p>However, I ran into an issue a moment ago using it with a typical jQuery click binding:</p>
  
  <pre><code>class Game {
    foo() {
      self = this;
      this._pads.on('click', function() {
        if (self.go) { $(this).addClass('active'); }
      });
    }
  }
  </code></pre>
  
  <p>Using an arrow function instead:</p>
  
  <pre><code>class Game {
    foo() {
      this._pads.on('click', () =&gt; {
        if (this.go) { $(this).addClass('active'); }
      });
    }
  }
  </code></pre>
  
  <p>And then <code>$(this)</code> gets converted to ES5 (self = this) type closure.</p>
  
  <p>Is a way to have Traceur ignore "$(this)" for lexical binding?</p>