Взаимосвязь между страницами
 

Здравствуйте!
У меня вопрос такой:
Вот на странице about.html у меня есть блок <div id="myCloud"></div>
Могу я занести его клон в переменную

var cloud = $('#myCloud').clone();

А затем добавить его в страницу index.html

$('#contactCloud').click(function(){
$('#resultClick').prepend(cloud);
})

Или нужно как-то прописывать путь к блоку <div id="myCloud"></div>?
Можно конечно метод .html() применить, но таких блоков 8 штук, это геморойно.
Чё-то я ваще сообразить не могу как такой вопрос решить.
Подскажите пожалуйста логику как это сделать.
Заранее спасибо!:)

Алек,
Типовой вариант Аякс, ибо пользователь может не зайти на страницу 1 - прыгнув сразу на 2..
Есть желание можно геморр через стораге

Простейшая добавка кода с иной страницы .load
$("Селектор куда грузим").load("ccылка на страницу подгружаемый селектор")
$("#links").load("/Main_Page #jq-p-Getting-Started li");
http://jquery-docs.ru/Ajax/load/#urldatacallback

Deff,
Вот такая запись работает в файерфоксе:

$(document).ready(function(){
    $("#contents").load("article.html #article");
  });

А вот в гугле она ну никак работать не хочет. В священном писании об этом ничего не сказано, там только про ie в примечаниях.
Вообще работает этот метод в гугле? Может там путь надо как -то по другому написать, а затем определять тип браузера и подставлять функцию нужную?