css en elementos creados con jquery

[anata]

Consulta: como se puede hacer para que un elemento creado con jquery tome las css definidas en la hoja de estilo.

El problema:

Creo elemento con jquery así:

Código Javascript:

var txt = $('<input/>',{
    id: 'id-elemento',
    'class': 'clase', // esto esta definido en la hoja de estilos.
    click: function(e){
        // algo por aqui
    }
});
 
$(this).after(txt);
 

Se agrega el elemento, pero sin los estilos de la clase.

Trate de agregárselos después, con txt.addClass('clase') pero no surte efecto.

¿alguna ayuda?

[caricatos]

Hola:

Sin librerías, class deberías traducirlo por className...

Saludos

[anata]

O_O

Pero que torpe he sido. Todo ha sido error mio.

Al crear un "input" no le estoy diciendo el "type" que por defecto es "text", pero yo no se lo estoy diciendo y los css están solo para los "type=text" por eso no tomaba los estilos.

Gracias @carigatos por responder.