Avoid repeating the selector inside a jQuery callback
<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>
