How to create div with class

Question

I'm trying to create a div and give him a class but it doesn't work. Could anybody help me?

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

The css:

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

at the moment he creates the div but the color isn't #eeeeee

Answer 1

use "class" instead of className

$('<div />', {         "class": 'test',         text: "a div",         click: function(e){             e.preventDefault();             alert("test")         }}) 

Answer 2

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

http://jsfiddle.net/yF9pA/1/