JQuery Animate() división de diapositiva desde la parte inferior de la página

Question

Esperemos que sea simple pero intenté implementar las respuestas de otras preguntas de SO inútilmente.

Tengo un div I que quiero deslizar desde la parte inferior de la página cuando se carga el documento. Sin embargo, parece que no puedo hacer funcionar el JQuery. Aquí es lo que tengo:

#content { 
    width: 640px; 
    margin:auto; 
    margin-top: 2000px; 
} 

$(function(){ 

$('#content').animate({MarginTop: '50px',} 1000); 

}); 

Básicamente, sólo quiero reducir la distancia margin-top cuando se carga la página.

¿Alguien puede indicarme la dirección correcta? Gracias

Answer 1

Probar:

$('#content').animate({'margin-top': '50px'}, 1000); 

JsFiddle