Small error but...
function getWidgetHtml(result) {
var htmlObject = '';
var htmlObject = "<div class='accordionNew'>";
htmlObject = htmlObject + "<div class='topBox'>";
htmlObject = htmlObject + "<div class='leftCurve'>";
htmlObject = htmlObject + " <div class='rightCurve'>";
htmlObject = htmlObject + "<div class='midBg'>";
htmlObject = htmlObject + "<div class='boxTitle' id='widgetTitle'>Orders";
htmlObject = htmlObject + "</div>";
htmlObject = htmlObject + " <div class='clear'>";
htmlObject = htmlObject + "</div>";
htmlObject = htmlObject + "</div>";
htmlObject = htmlObject + "</div>";
htmlObject = htmlObject + "</div>";
htmlObject = htmlObject + "</div>";
htmlObject = htmlObject + "<div class='clear'>";
htmlObject = htmlObject + "</div>";
htmlObject = htmlObject + "<div id='divAttContent' class='contentBox border1 requiredFontSize requiredFontColor'>";
htmlObject = htmlObject + "</div>";
htmlObject = htmlObject + "<div class='pagination fivePxPaddingTop lfloat'>";
htmlObject = htmlObject + " <div class='paginationDisplayNum'>";
htmlObject = htmlObject + " <div class='lfloat threePxMarginTop fivePxMarginRight'>";
htmlObject = htmlObject + "Showing<strong>1 - 5</strong>of <strong>25</strong></div>";
htmlObject = htmlObject + "<a href='#' class='first-in tabs' title='First'></a><a href='#' class='prev-in tabs'";
htmlObject = htmlObject + " title='Previous'></a><a href='#' class='next tabs' title='Next'></a><a href='#' class='last tabs'";
htmlObject = htmlObject + "title='Last'></a>";
htmlObject = htmlObject + "</div>";
htmlObject = htmlObject + " <div class='lfloat fifteenPxMarginRight onePxMarginTop'>";
htmlObject = htmlObject + "<select>";
htmlObject = htmlObject + "<option selected='selected'>5</option>";
htmlObject = htmlObject + "<option>10</option>";
htmlObject = htmlObject + "<option>15</option>";
htmlObject = htmlObject + "<option>20</option>";
htmlObject = htmlObject + "<option>25</option>";
htmlObject = htmlObject + "</select>";
htmlObject = htmlObject + "<div class='topPadd lfloat fontGrayL fivePxMarginTop'>";
htmlObject = htmlObject + " Per page</div>";
htmlObject = htmlObject + "</div>";
htmlObject = htmlObject + "<div class='clear'>";
htmlObject = htmlObject + "</div>";
htmlObject = htmlObject + "</div>";
htmlObject = htmlObject + "<div class='clear'>";
htmlObject = htmlObject + "</div>";
htmlObject = htmlObject + "</div>";
return htmlObject;
}
I used your function in my own test harness and it worked in FF but not in IE. In IE I got it to work after I found out that the last closing div did not have a corresponding opening div. This gets IE confused as the jQuery implementation uses innerHTML on IE to do the HTML parsing when string in $(string) is HTML.
:)
Best Regards,
--MRB