title: Avoid repeating the selector inside a jQuery callback
body: <p>I was working on a small script and I noticed something that had a repeating element. In this case <code>$('#theSelect1 ..')</code> is repeated and I would like to avoid it.</p>
  
  <pre><code>$('#theSelect1').change(function(){
          //console.log ($(this));
          console.log(  
          $("#theSelect1 option:selected").text() // is there a way to change #theSelect1 to be $(this) inside this statement?  I try not to repeat things.  
          );
  })
  </code></pre>
  
  <p>This is the HTML</p>
  
  <pre><code>            &lt;select id="theSelect1"&gt;
              &lt;option value="foo" selected="selected"&gt;1&lt;/option&gt;
              &lt;option value="bar"&gt;2&lt;/option&gt;
              &lt;option value="foobar"&gt;3&lt;/option&gt;
  </code></pre>
  
  <p></p>
  
  <p>Thank you </p>