how to parse jquery ajax xhtml response?

Question

Sorry if this has been posted many times. But I've tried many variations and it still doesn't work. The HTML comes back from the jquery AJAX call fine and I am trying to remove the header and footers from the response using:

// none of these work for me
$("#content", data);
$("#content", $(data));
$(data).find("#content").html()

I've breakpoint the response to verify the #content exists by inspected $(data) and using alert to print out the data's text. I've also try using "body" or "a" as selectors, but it always come back as undefined.

I've read in this post that you can't pull in the full XHTML document: jquery ajax parse response text. But I can't find the answer's quote anymore, maybe it's outdated?

Has anyone ran into this problem?

Many thanks, Steve

Answer 1

this works for me:

$(data).filter("#content");