Na minha opinião não é necessário utilizar jQuery ou XHR para realizar este feito, pois você pode carregar os arquivos como resources no header do html.
Desta forma carregue os arquivos no header de seu HTML:
<script src="about.txt"></script>
<script src="main.txt"></script>
<script src="more.txt"></script>
No corpo destes arquivos declare o conteúdo como uma variável:
about.txt
var about = '<div class=about> </div>';
main.txt
var main = '<div class=main> </div>';
more.txt
var more = '<div class=more> </div>';
E então ao carregar a página, os recursos que você carregou em forma de arquivos de texto serão disponíveis em nível de variável para utiliza-los, assim você pode manipular eles à vontade.
Exemplo (após incluir os arquivos):
console.log(main+about+more);
document.body.innerHTML = main+about+more;