title: jQuery on change refer to this.value and this
body: <p>Let's say I have a bit of code like this that runs on change of a select:</p>
  
  <pre><code>$('select[name="nights"]').on('change', function() {
    console.log(this.value);
  });
  </code></pre>
  
  <p>Is there any way I can have a reference to my global this object(if it's called that) without using something like:</p>
  
  <pre><code>var self = this;
  </code></pre>
  
  <p>Using something like a bind destroys the reference to the jQuery select element:</p>
  
  <pre><code>$('select[name="nights"]').on('change', function() {
    console.log(this.value);
  });
  </code></pre>
  
  <p>I wan't to be more concise and understanding of scope though so I prefer binding rather than saving reference to this. If I look at code standards from airbnb for example they rather not use <code>self = this</code> reference as well.</p>
  
  <p><a href="https://github.com/airbnb/javascript#naming--self-this" rel="nofollow">https://github.com/airbnb/javascript#naming--self-this</a></p>
  
  <p>I am wondering how they get around this like stuff though where you both need a local scope reference to this and a this reference to your global object.</p>
  
  <p>Am I simply forced to still make a reference or is there any way around this? I might simply be overthinking and nitpicking here but I am hoping for an elegant solution, else I might as well stick with saving references in the first place.</p>