having difficulty trying to use .find() and .children inside a mini object of selectors
<p>Im basically trying to move away from the procedural js approach so trying to use objects a lot more. I've set up an object within my overall object to cache selectors and set up variables etc but I seem to be having problems. Currently I get 2 errors when I run this code telling me that both .length and .children are undefined. Can someone explain the proper method of setting these up so the jquery methods can be used?</p>

<p>JS</p>

<pre><code>var bop = {

        els: {
           // cache selectors ...
            grid: $( '#grid' ),
            box: this.grid.children(),
            box_l: this.box.length,
            start_btn: $( '#start' ),
            counter: $( '#counter' ),
            sequence: 5            
        }
}
</code></pre>
