JQuery: Как извлекать элементы с одной страницы с помощью AJAX, управлять ими и вставлять их в DOM текущей страницы?

Я новичок в JQuery. Я не ищу обязательно код - просто кто-то укажет мне правильное направление или посоветует лучший подход.

Вот сценарий:

Когда кто-то нажимает ссылку на pageA.html , Я хочу отобразить все содержимое DIV с идентификатором « sampleId », который существует на pageB.html , в DIV на странице A под названием « placeHolderId ". Для этого, я думаю, я могу просто использовать что-то вроде следующего кода:

$(document).ready(function() {
   $('a').click(function() {
      $('#placeHolderId').load('pageB.html #sampleId');
   })
})

Но на самом деле я хочу сначала манипулировать содержимым #sampleId (особенно изменять любые идентификаторы, которые могут конфликтовать с идентификаторами на текущей странице), прежде чем нагрузки. Я думал о загрузке его в не отображаемый контейнер на странице A, но подозреваю, что это неправильный способ сделать это, и, кроме того, я не уверен, как бы изменить идентификаторы, когда они станут частью DOM. .

Я думаю, что ответ заключается в использовании низкоуровневого метода AJAX (?), Но я не уверен, как на самом деле манипулировать данными (например, изменить любой идентификатор в названии "main" to "sub"):

$.ajax({
  url: 'pageB.html',
  type: 'GET',
  dataType: 'html',
  success: function(data) {
  // THIS IS WHERE I'M LOST...
  }
});

В какой-то момент я нашел сообщение, в котором кто-то говорил о фильтрах, я думаю, но не могу найти его снова.

Любая помощь, подсказки или советы были бы очень признательны,

Заранее большое спасибо,

Дэвид