Creating an element in jQuery 1.4

example1.js

$('<div/>', {  
 id: 'feature',  
 class: 'post',  
 css: {  
border : '1px solid red',  
padding : '5px'  
 },  
 html: '<p>This is a featured <strong>super</strong> post</p>',  
 click: function() {  
alert('You click the featured post!')  
 }  
}).appendTo('body');

example2.js

$('<input>', {  
type: 'text',  
val: 'text input',  
css: {  
border : '1px solid #000',  
padding : '5px'  
},  
focusin: function() {  
$(this).val('').addClass("active");  
},  
focusout: function() {  
$(this).val('text input').removeClass("active");  
}  
}).appendTo('form');