JQuery AJAX HTML não está funcionando

Eu li Q / A similar em SO, mas este simples pedaço de código JQuery AJAX ainda está me deixando louco –

$.get($('#pager a').attr('href'), function(data) { var data = $(data).wrap("
"); console.log(data); console.log(data.find('.content')); console.log(data.find('#next_page')); }, "html");

O HTML retornado pela chamada AJAX é –

     
lorum
ipsum

E os logs do console –

 [, div.content, , div.content, , div#next_page, ] [ ] [ ] 

Eu não posso, por minha vida, descobrir por que data.find (‘. Content’) e data.find (‘# next_page’) não combinam com nada.

Qualquer ponteiro será muito apreciado!

Da documentação do .wrap() [docs] :

Esse método retorna o conjunto original de elementos para fins de encadeamento.

O conjunto de elementos neste caso são todos os nós filhos do body . .find() irá procurar descendentes desses nós, mas não os próprios nós.

Ou use .filter() [docs] em vez disso, ou crie um div vazio e defina os data como seu conteúdo:

 var data = $('
').html(data);