jQuery: obtener el ancho y alto originales de una imagen

Con jQuery podemos averiguar el ancho y alto de un elemento utilizando las funciones width() y height(). Pero imaginarios que queremos averiguar el ancho y alto original de una imagen que en sus dimensiones originales son de 800×600, pero que re-dimensionamos manualmente los atributos de la imagen de esta forma:

<img src="mifoto.jpg" width="333" height="222" id="mifoto" />

Sobre esta imagen si aplicamos directamente las funciones anteriores de jquery nos darían «333» de ancho y «222» de alto.

Pero, para averiguar el tamaño original de la imagen, primero eliminamos los atributos (width, heitght) actuales de la imagen con la función removeAttr(), y listo, ya podemos aplicar ahora las funciones width() y height() y obtendremos el tamaño real de la imagen:

$(window).load(function() {
  var imagen = $('#mifoto');

  imagen.removeAttr("width"); // quitamos el atributo width 
  imagen.removeAttr("height"); // quitamos el atributo height 

  alert( imagen.width() ); // ancho original. Ej. 800
  alert( imagen.height() ); // alto original. Ej: 600
});