Центрирование div по вертикали и горизонтали с помощью jQuery

Я использую этот скрипт для центрирования моего div по горизонтали и вертикали.

Когда страница загружается, div центрируется по вертикали, а не по горизонтали, пока я не изменю размер браузера.

Что я делаю неправильно?

$(document).ready(function (){
    $(window).resize(function (){
        $('.className').css({
            position:'absolute',
            left: ($(window).width() - $('.className').outerWidth())/2,
            top: ($(window).height() - $('.className').outerHeight())/2
        });
    });
    $(window).resize();
});

Ответы на вопрос(8)

Ваш ответ на вопрос