jQuery Object Literal Pattern

In an effort to write cleaner code i have decided to learn some design patterns. I really love the Object Literal Module pattern, but im having a bit of trouble. I have created a lightbox in spaghetti code and have not been able to convert it to a object literal pattern.

var $overlay = $("<div class='lightbox'></div>");
var $img = $("<img>");
var $caption = $("<p class='caption'></p>");



$overlay
    .append($img)
    .append($caption);



$('body').append($overlay);


$('.gallery li').click(function (e) {
    e.preventDefault();

    var src = $(this).children('img').attr("src");
    var cap = $(this).children('img').attr("alt");

    $img.attr('src',src);
    $caption.text(cap);

    $overlay.fadeIn('fast');

    $overlay.click(function () {
        $overlay.fadeOut('fast');
    });
});