Знаете ли вы, что с помощью jQuery можно загружать не только контент страницы, но и выбранного контейнера на ней? Оказывается можно и делается это следующим образом:

$("#area").load("something.html #content");

Данный код найдет на странице something.html контейнер с id content, возьмет его содержимое и загрузит в контейнер с id area. Но есть одно но…

И выглядит это но вот таким образом:

$("#area").load("something.html #area");

Результатом работы такого кода будет такой результат:

<div id="area">
 <div id="area">
 <!-- stuff -->
  </div>
</div>

И чем дальше, тем все более вложенным будет этот код.

Решение такое:

$("#area").load("something.html #area > *");