how to apply a function to a certain container?
<p>I have build a little function which returns a jQuery plugin applied to a certain element, as in the following example:</p>

<pre><code>var initiate_shop = function(shop_navigation, options, callback) {

    var default_settings = {
        containerID     : "",
        first           : false,
        previous        : false,
        next            : false,
        last            : false,
        startPage       : 1,
        perPage         : 8,
        midRange        : 15,
        startRange      : 1,
        endRange        : 1,
        keyBrowse       : true,
        scrollBrowse    : false,
        pause           : 0,
        clickStop       : true,
        delay           : 50,
        direction       : "auto",
        animation       : "fadeInUp",
        fallback        : 400,
        minHeight       : true,
        callback        : function(pages, items){
            if(typeof callback == 'function') {
                callback.call(this);
            }
        }
    };

    var settings = $.extend(default_settings, options);

    return $(shop_navigation).jPages(settings);
};
</code></pre>

<p>My question would be, how could I use that <code>initiate_shop</code> function like this:</p>

<pre><code>$("shop_navigation").initiate_shop( ... );
</code></pre>

<p>Instead of using it like this:</p>

<pre><code>initiate_shop(shop_navigation, ... );
</code></pre>

<p>Also, how can I define arguments for the callback function, in my situation I have two objects as arguments for the callback function ?</p>
