Pin me... an awesome jQuery plugin

jquery.pinme.0.1.js

//pins elements in place with JS
(function($){
    $.pinme = function(el){
        var base = this;

        // Access to jQuery and DOM versions of element
        base.$el = $(el);
        base.el = el;

        // Add a reverse reference to the DOM object
        base.$el.data("pinme", base);

        base.init = function(){
        };

        // Run initializer
        base.init();
    };

    $.pinme.defaultOptions = {
    };

    $.fn.pinme = function(){
        return this.each(function(){
            (new $.pinme(this));
			if($(this).height() < $(window).height()){
				var placeholder = $(this).clone();
				$(placeholder).html(' ').css({'height': $(this).height(), 'width': $(this).width()}).addClass('pinme-placeholder');
				
				//pin it in place
				$(this).css({
					'position' : 'fixed',
					'top' : $(this).offset().top,
					'left' : $(this).offset().left
				});
				//add the placeholder
				$(this).after($(placeholder));						
			}
        });
    };
})(jQuery);

Note that this needs to go inside the $(window).load() and not the $(document).ready(). The world ends if you don't do it that way*. Seriously.

So basic example would be:

$(window).load(function(){
    $('.pinme').pinme();
});

Full repo coming soon...

*Okay... so the world doesn't explode 2012 style. But, your positioning will most likely be wrong. .load() doesn't fire until the page has finished loading/rendering while .ready() fires as soon as the document's DOM is complete.