I am working on an MVC3 application in IE 9 and very new to jqueryui. One of the pages uses the jqueryui tab. The content for each tab is loaded dynamically,  excerpt - 

2. tab_content += "<div style='float:left;text-align:left;width:55%;padding:4px;height:90%;overflow-y:scroll;'>" +
3. "<span style='display:inline-block;border:1px solid black;text-align:center;float:left;padding:2px;background-color:Gray;color:white;font-weight:bold;'>Sublists</span>" +
4. "<div style='float:left;width:100%;margin-top:3px;  text-align:left;'>" +
5. "<select id='SelSublists" + tabValue + "'></select>" +
6. "</div></div>"

I am trying to add an onchange event to the drop list element.

My question is - is there a way to view the html generated? When I right click to view source the div to which the content is written is displayed as below - 

2.         <div id="divMatrixTabs" style="clear: both; padding: 5px 0 0 0; width: 900px; height: 450px;
3.             display: none; border: 1px solid grey;">
4.             <ul>
5.             </ul>
6.         </div>

Thanks for reading this.

Amit