Enclose your data in CDATA section.

Regards

Tony

After researching the site and google, I got these useful links to solve my issue, however, what a pity, none of them works for me/

/jqgridwiki/doku.php?id=wiki:retrieving_data#xml_data

/blog/?page_id=393/help/grid-will-not-load-xml-data-in-internet-explorer-works-in-firefox/

/blog/?page_id=393/help/data-not-displayed-on-ie-and-chrome-firefox-ok/

/blog/?p=362&cpage=4

I use jqgrid in my site, which works well in IE8. Chrome. Firefox, Safari, but not IE7!

I got the js error message: line 13, character 7209, object required.

Code below:-

XML:

</rows></row></cell><a href="javascript:void(0);">View Star Ratings</a><cell>−<cell>1</cell><cell><a href="javascript:void(0);">3</a></cell><cell>Xi'an</cell><cell>Senior Developer</cell><cell>17/12/2009 to current</cell></cell>Mingxing Enterprise<br/>Australian Capital Territory public administration<cell>−<row id="893">−<records>1</records><total/><page>0</page><rows>

HTML:

</script>    
    jQuery("#listsg12").jqGrid('navGrid','#pagersg12',{add:false,edit:false,del:false});    });        }    //jQuery("#"+subgrid_table_id).remove();    //subgrid_table_id = subgrid_id+"_t";    //var subgrid_table_id;    // this function is called before removing the data    subGridRowColapsed: function(subgrid_id, row_id) {    },    jQuery("#"+subgrid_table_id).jqGrid('navGrid',"#"+pager_id,{edit:false,add:false,del:false})    });        height: '100%'        sortorder: "asc",       sortname: 'date',       pager: pager_id,       rowNum:5,    ],    {name:"action",index:"action",width:150,sortable:false}    {name:"status",index:"status",width:150},    {name:"author",index:"author",width:140},    {name:"rating",index:"rating",width:80},    {name:"ratingdate",index:"date",width:100,key:true},    colModel: [    colNames: ['Star rated on','Star rating','Author','Status','Actions'],    datatype: "xml",    url:"/index.php/eng/member/ratings/?id="+row_id+"&enview=1",    jQuery("#"+subgrid_table_id).jqGrid({    $("#"+subgrid_id).html("<table id='"+subgrid_table_id+"' class='scroll'></table><div id='"+pager_id+"' class='scroll'></div>");    pager_id = "p_"+subgrid_table_id;    subgrid_table_id = subgrid_id+"_t";    var subgrid_table_id, pager_id;    // here we can easy construct the flowing    // a method getRowData(row_id) - which returns associative array in type name-value    // If we wan to pass additinal parameters to the url we can use    // the row_id is the id of the row    // the id of this elemenet is a combination of the "sg_" + id of the row    // subgrid_id is a id of the div tag created whitin a table data    // we pass two parameters    subGridRowExpanded: function(subgrid_id, row_id) {    caption: "",    subGrid: true,    multiselect: false,        sortorder: "desc",        viewrecords: true,       sortname: 'employername',       pager: '#pagersg11',       rowList:[7],       rowNum:7,       ],       {name:'actions',index:'actions', width:90, sortable:false, align:'center'},       {name:'notpublished',index:'notpublished', width:110, align:'center'},       {name:'received',index:'received', width:90, align:'center'},        {name:'location',index:'location', width:100, align:'center'},        {name:'title',index:'title', width:100, align:'center'},       {name:'jobdate',index:'jobdate', width:110, align:'center'},       {name:'employername',index:'employername', width:120, align:'center'},       colModel:[       colNames:['name<br>ID', 'Job','title','location','Star ratings<br> received','Star ratings<br> not published','Actions'],    height: 190,    datatype: "xml",       url:"/index.php/eng/member/xxx/ID/0", jQuery("#listsg11").jqGrid({ <script language="javascript">

Would you to point out the reason?

Thanks.