Problema jQuery .load () en todas las versiones de IE

Estoy tratando de hacer una plantilla dinámica. Tengo enlaces en la barra lateral y quiero cargar el contenido dinámicamente con .load () en jQuery.

Tengo el siguiente código jQuery para eso:

// Services AJAX page loader
 jQuery('.sidenav a').click(function(){
  $page_url = jQuery(this).attr('href');

  // load page
  jQuery('#content').fadeOut(200, function() {
   jQuery(this).load($page_url, function(response, status, xhr) {
    jQuery(this).fadeIn(200);
   });
  });

  // set pagetitle
  jQuery('.pagetitle span').text(jQuery(this).contents().first().text());

  // change CSS current_page_item
  jQuery('.sidenav li').removeClass('current_page_item');
  jQuery(this).parent().addClass('current_page_item');

  return false;
 });

Básicamente funciona muy bien, excepto en IE.

El problema ocurre cuando hago clic en el enlace que se cargó primero sin AJAX. Puedes ver un ejemploaquí. Cuando haces clic en "Perfil / visión" en la barra lateral, cargará todo el sitio en el #content div nuevamente. Ocurre solo en IE, en TODAS las versiones. En otros navegadores funciona normalmente.

¿Alguna idea de cuál puede ser el problema?

Gracias.