jqueryUI lost when added ColVis plugin

varaprasadreddy

Below is my code, when i added this code i lost my UI. Please some one help me...
[code]
// ----- Column Visiblity ------
// "aoColumnDefs": [{ "bVisible": false, "aTargets": [2]}],
// "sDom": '<"H"Cfr>t<"F"ip>',
// //"sDom": 'C<"clear">lfrtip',
// //"sDom": '<"H"fr>tC<"F"ip>',
"sDom": 'TC<"clear">lfrtip',
//"sDom": 'R<"H"Cfr>t<"F"ip>',
//"sDom": '<"top"i>rt<"bottom"flp><"clear">',
//"sDom":'<"H"lfr>t<"F"ip>',
//"sDom": '<"H"lCfr>t<"F"ip>',
"oColVis":
{
"sDom": 'C<"clear">lfrtip',
"activate": "mouseover",
"bJQueryUI": true,
"bRestore": true,
"aiExclude": [0],
"buttonText": " Change Columns  " //Show / hide columns
},
// -- End Of ColVis
[/code]

this is the image

[IMG]http://i46.tinypic.com/htit5i.jpg[/IMG]

for more details check this link
http://www.reddyinfosoft.blogspot.in/2013/01/search-jquery-datatable-from-external.html

the above code was extended in the link provided.