Tabs plugin I use loads the data from another page. Data loaded is in xml format so I need to style that data loaded. How can I do it? ny suggestion highly appreciated.

Data loaded needs to be used in the following:

                                <img src="[ImageURL]" alt="" class="MultimediaImageURL" style="float:left; margin:0 10px 0 0;" />
                                <div class="MultimediaInfo" style="float:left; width:200px;">
                                    <span class="MultimediaCategory" style="float:left; color:#CCC; font-size:10px; width:100%;">[CategoryName]</span>
                                    <span class="MultimediaTitle" style="float:left; color:#D90306; font-weight:bold; width:100%;">[Title]</span>

tabs plugin

    $("div.row-title").tabs("div.panes", {effect: 'ajax'}, function(i) {
        // get the pane to be opened
        var pane = this.getPanes().eq(i);
        // load it with a page specified in the tab's href attribute
        pane.html('<img src="http://www.refinethetaste.com/FLPM/cp/images/loading.gif" alt="Loading..." />') 
            .load(this.getTabs().eq(i).attr("href"));
    }); 

xml

<rows>
-
<row id="1">
<MultimediaTitle>Hagi Goals</MultimediaTitle>
<ImageURL>/FLPM/media/images/5Y2K4T5V_sm.jpg</ImageURL>
-
<Videos>
-
<VideoID id="1">
<VideoURL>/FLPM/media/videos/0H7T9C0F.flv</VideoURL>
</VideoID>
-
<VideoID id="2">
<VideoURL>/FLPM/media/videos/9L6X9G9J.flv</VideoURL>
</VideoID>
</Videos>
</row>
</rows>