How does jQuery return an array and still be able to call prototype functions like an object?

See more:

Javascript

jQuery

prototype

jQuery seems to be eluding me. I don't understand how it works. I'm trying to replicate a small version of the library(for educational purposes) and it isn't working at all. My function returns an array but is unable to call any of the prototype functions. I ask simply for a small piece of code that shows how jQuery returns an array and chains to its prototype. The code I have:

(function(window, undefined)
    {
        var Duplicate = function(selector)
        {
            return new Duplicate.fn.init(selector);
        };

        Duplicate.fn = Duplicate.prototype = {
            click: function()
            {
                console.log('click');

                return this;
            }
        };

        var init = Duplicate.fn.init = function(selector)
        {
            var ret = [],
                selector = document.querySelectorAll(selector);

            if( selector.length )
            {
                for( var i=0; i<selector.length; i++ )
                {
                    ret.push(selector[i]);
                }
            }

            return ret;
        };

        init.prototype = Duplicate.fn;

        window.duplicate = Duplicate;
        
        duplicate('#mydiv'); // returns [ <div id="mydiv"></div> ] - working perfect
        // but
        duplicate('#mydiv').click();   // returns no such function
    })(window);

How do I chain

ret

to the prototype?