Função .html() não está pegando includes

Oi pessoal.

	Tenho o seguinte caso: meu site carrega o conteúdo de uma <div> por .load(), porém quando eu executo um .html() ele não grava o conteúdo dessa <div> que tem o include.

	Exemplo mais ou menos de como está:

// HTML

<section>
 <div id="header"></div>
 <article>
 Lorem ipsum dolor sit amet, consectetur adipiscing elit.
 </article>
</section>

// CONTEÚDO HEADER.html

<nav>
 Menu
</nav>

// JS

$(document).ready(function(){

	$('#header').load('header.html');
	var html = $('section').html();
	console.log(html);

});

	 

	O que retorna no console é um html com a <div> do header vazia.

	Como posso fazer para incluir também esse conteúdo no .html()??