jQuery Plugin | Why doesn't this part of it work?
<p>I have the following code, it's a bit to long, and ignore the <code>opts</code>, it should work without that too, but it seems like there is something I am doing wrong because nothing happens.</p>

<pre><code> var container = 'body';

 var structureWrapper = '&lt;div class="content-login"&gt;&lt;/div&gt;';

 var structure = [
'&lt;form name="', opts.formClass, '" class="', opts.formClass, '" method="post" action="#"&gt;',
    '&lt;fieldset class="', opts.fieldsWrapper, '"&gt;',
        '&lt;fieldset class="', opts.userWrapper, '"&gt;',
            '&lt;label for="', opts.userInt, '" class="', opts.userLbl, '"&gt;&lt;img src="', opts.userIcon, '" alt="', opts.userName, '" /&gt;&lt;/label&gt;',
            '&lt;input type="text" name="', opts.userInt, '" class="', opts.userInt, '" placeholder="', checkNameLenght(opts.userName, namesLenght.userNameLenght, 16, 'Username'), '" value="" autocomplete="off" /&gt;',
        '&lt;/fieldset&gt;',
        '&lt;fieldset class="', opts.passWrapper, '"&gt;',
            '&lt;label for="', opts.passInt, '" class="', opts.passLbl, '"&gt;&lt;img src="', opts.passIcon, '" alt="', opts.passName, '" /&gt;&lt;/label&gt;',
            '&lt;input type="password" name="', opts.passInt, '" class="', opts.passInt, '" placeholder="', checkNameLenght(opts.passName, namesLenght.passNameLenght, 16, 'Password'), '" value="" autocomplete="off" /&gt;',
        '&lt;/fieldset&gt;',
        '&lt;fieldset class="', opts.btnWrapper, '"&gt;',
            '&lt;button type="submit" name="', opts.btnInt, '" class="', opts.btnInt, '"&gt;', checkNameLenght(opts.btnName, namesLenght.btnNameLenght, 7, 'Login'), '&lt;/button&gt;',
        '&lt;/fieldset&gt;',
    '&lt;/fieldset&gt;',
    '&lt;div class="toogle-button"&gt;',
        '&lt;ul class="inside"&gt;',
            '&lt;li class="toogle"&gt;&lt;a&gt;&lt;img src="assets/gfx/toogle.png" alt="Back" /&gt;&lt;/a&gt;&lt;/li&gt;',
        '&lt;/ul&gt;',
    '&lt;/div&gt;',
'&lt;/form&gt;',
'&lt;div class="toogle-buttons"&gt;',
'&lt;/div&gt;'
];





var getProps = function(obj) {
return {
    'position': 'absolute',
    'top': (($(window).height() - $(obj).outerHeight()) / 2) + 'px',
    'left': (($(window).width() - $(obj).outerWidth()) / 2) + 'px'
}
}

var showObj = function(obj, callback) {
return setTimeout(function() {
    if (opts.centerObj === true) {
        var cssProps = getProps(obj);
        obj.css(cssProps).fadeIn('slow');
    }
    else {
        obj.fadeIn('slow');
    }
    if (typeof callback == 'function') {
        callback.call(this);
    }
}, 1500);
}


var appendStructure = function(wrapper, structure, cls) {

return $(wrapper).appendTo(container).hide(function() {
    var obj = $(container).find(cls);
    $(structure.join('')).appendTo(obj);
    showObj(obj, function() {
        if (opts.centerObj === true) {
            $(window).resize(function() {
                var cssProps = getProps(obj);
                obj.css(cssProps);
            });
        }
    });
});
}

appendStructure(structureWrapper, structure, '.content-login');
</code></pre>

<p>What it's suppose to do is take that array and concatenate it and then append it to the container, <code>body</code> in my case, and then fade the content in. Can you spot anything I'm doing wrong ? </p>

<p>I appreciate the help :) You also have a fiddle here: <a href="http://jsfiddle.net/VUjMH/" rel="nofollow">http://jsfiddle.net/VUjMH/</a> .</p>
