Scoping to a DOM element
<p>I'm just trying to clean up some jQuery, and can't quite figure out what the call is to scope jQuery calls to a specific dom element. To give an example, I have the following code:</p>

<pre><code>$('#outer-element .first-class').html('wanna');
$('#outer-element .second-class').html('scope');
$('#outer-element .third-class').html('better');
</code></pre>

<p>I'm guessing calling each of those first/second/third-class calls to one common outer-element call is a more elegant approach, I'm just not sure what the syntax is to do that. I'm guessing something along the lines of</p>

<pre><code>$('#outer-element').SOMETHINGGOESHERE(function() {
  $(this).find('.first-class').html('wanna');
  $(this).find('.second-class').html('scope');
  $(this).find('.third-class').html('better');
});
</code></pre>

<p>Any ideas? Anything more elegant than what I've suggested above? In short - I know the above is ugly. I'm looking for a prettier approach to JavaScript like this.</p>
