Как создать div с классом

Я пытаюсь создать div и дать ему класс, но это не работает. Кто-нибудь может мне помочь?

$(document).ready(function() {
$('input[type=checkbox]').each(function() {
    $(this).after($('<div />', {
        className: 'test',
        text: "a div",
        click: function(e){
            e.preventDefault();
            alert("test")
        }})); 
    });
});

CSS:

   .test {
    width:200px;
    height:200px;
    background-color:#eeeeee;
    }

в тот момент, когда он создает div но цвет не #eeeeee