literal object and jquery selectors DRY
<p>I have a case where I want to do this:</p>

<pre><code>var els = {
    div: $('div'),
    p: els.div.find('p'),
    span: els.p.find('span')
};
</code></pre>

<p>But this happens:</p>

<pre><code>console.log(els.div); // Works
console.log(els.p); // undefined
</code></pre>

<p>So I'm currently doing this:</p>

<pre><code>var els = (function(){
    var div = $('div'),
        p = div.find('p'),
        span = p.find('span');
    return {
        div: div,
        p: p,
        span: span       
    }
}());

console.log(els.p); // Works now  
</code></pre>

<p>Is there any way I can make it DRYer? Seems like a bunch of code to just be able to do that.</p>
