jQuery Ajax - Get Elements Inner Text

Question

I have a PHP file which will return something like

<div id="title">Add Us On Myspace!</div><img id="image" src="http://i39.tinypic.com/67jybs.png" alt="Add Us On Myspace!" />

This is called using this...

$.ajax({
    url: "Tabnews.php",
    success: function(tab1html){
            $("#tabs-1").html(tab1html);
    }
});

I need to define the contents of #title and #image in a variable in jQuery so I can write them else where.

How can I do this?

Answer 1

This should do it:

var $html = $(tab1html); // parse string into DOM structure
var $title = $html.filter('#title'); // keep the title
var $image = $html.filter('#image'); // keep the image

// add to whatever elements we want...
$('#my_element').append($title); 
$('#my_other_element').append($image);