Javascript: object[method]() not working or how to build a jQuery plugin for a plain Javascript code

Question

I need help making a jQuery plugin for one of my vanilla JS scripts, this here is the current jQuery plugin, but the next version works with more methods and I need to address them all somehow.

Currently I was working on this

(function($) {
    var t;  
    $.fn.KUTE = function( method, start, end, ops ) { // method can be Animate(), fromTo(), to(), stop(), start(), chain(), pause(), stop(), etc
        return this.each(function(){        
            if ( method === 'to' ) {                
                t = new KUTE[method]( this, null, end, ops );
            } else if ( method === 'fromTo' || method === 'Animate' ) {
                t = new KUTE[method]( this, start, end, ops );
            } 
            if ( t !== undefined && typeof t[method] === 'function' ) {
                console.log(t) // this shows proper object
                t[method]() // this doesn't work
            }   
        });
    };  
})(jQuery);     

Why t[method]() doesn't work and how can I make it work?

UPDATE: I am adding here some sample code on how things work around this code. Basically I build a tween object

var tween = $(div).KUTE('to', { left: tl }, { easing: easing, duration: 1000 } );

Then I need to start() it, stop() it and other methods.

$(tween).KUTE('start'); // this should basically be it.

Now, I've been reading about some Javascript stuff like call() and apply() and I was kinda thinking this may be required in order to work, but even so the t[method].call(t) // where t is "this", doesn't work. I hope I've put it right to indicate my problem, please correct me if anything wrong.

Thanks so much.

Answer 1

I think I found out why, my last comment above explains it and I made a different jQuery function.

(function($) {
    $.fn.KUTE = function( method, start, end, ops ) { // method can be Animate(), fromTo(), to(), stop(), start(), chain(), pause() 
        var tws = [], i, l = this.length;

        for (i=0;i<l;i++){
            var mt = this[i][method];
            if ( typeof mt === 'function' ) {
                mt.apply(this[i]);
            }    
            if ( method === 'to' ) {
                tws.push( new KUTE[method]( this[i], start, end ) ); // here start is end and end is ops 
            } else if ( method === 'fromTo' || method === 'Animate' ) {
                tws.push( new KUTE[method]( this[i], start, end, ops ) ); 
            }           
        }
        return tws;
    };
})(jQuery); 

Next to do is, that if this.length > 1 do a nice little FOR() instead of the super bad and ugly jQuery.each().

Issue solved, see my codepen for an example.

UPDATE: I also added the FOR and it works as expected. I updated the answer above.