Jquery - directly i can't map the object values?
<p>i am storing the element reference in object. later if i refer the object value, i unable to get the result.. </p>

<pre><code>    var cciApp = {};

    cciApp.widget = {
console.log($(cciApp.tools.title))//return undefined
        shuffle : function(){
            $($(cciApp.tools.title), cciApp.tools.secParent).click(function(){
                $(this).siblings('.expand-area').slideToggle().end().parent().siblings().children('.expand-area').slideUp();
            })
        }
    }



    $(document).ready(function(){
        cciApp.tools = {
            secParent : $('#Accordion'),
            title:$(cciApp.tools.secParent).find('h3')//i am not getting any result.
        }
        cciApp.widget.shuffle();
    })
</code></pre>

<p>may be returning function will help i believe. But why we need to return the stuff to retrieve the data, instead referencing just?</p>
