I have solved the issue myself :)
Thanks guys.
jQuery(document).ready(function($){
str = $("li[id='xx']", "#tabContainer").text();
$("li[id='xx']", "#tabContainer").remove();
alert(str);
//var str = "1|Page1|2|Page2|3|Page3|4|Page4|5|Page5";
var res = str.split("|");
var n = res.length/2;
var j = 0;
var tabs = $("#tabContainer").tabs();
var tabCounter = 1;
alert(n);
for (var i=0; i<n; i++){
var ul = tabs.find( "ul" );
var current_idx = ul.find("li").length + 1;
$("<li><a href='#fragment-" + current_idx + "'>" + res[j] + "</a></li>" ).appendTo( ul );
tabs.append("<div id='fragment-" + current_idx + "'>" + res[j+1] + "</div>");
tabs.tabs("refresh");
tabs.tabs("select", 1);
j=j+2;
};
})
<div id="tabContainer">
<ul>
<li id="xx">1|Page1|2|Page2|3|Page3|4|Page4|5|Page7</li>
</ul>
</div>