JQuery functions .addClass(), .attr() and .find() not working in IE7, need workaround
<p>I'm building a table and trying to add some CSS as well as some attributes.  I can't seem to find any workarounds for IE7.  </p>

<p>Here is what I'm doing:</p>

<pre><code>$.each(eat,function() {

//Builds tablerows
var row = document.createElement("tr");
var cellReportId = document.createElement("td");
cellReportId.appendChild(document.createTextNode(this.reportId));
var cellDescription = document.createElement("td");
cellDescription.appendChild(document.createTextNode(this.description));
var cellDrawingNumber = document.createElement("td");
cellDrawingNumber.appendChild(document.createTextNode(this.drawingNumber));

row.appendChild(cellReportId);
row.appendChild(cellDescription);
row.appendChild(cellDrawingNumber);


$(self.tblResults[0]).append(row);
})


$(self.tblResults[0]).find('tr').addClass("DynamicTableTR"); 
$(self.tblResults[0]).find('tr:not(:first)').attr("onmouseover", "this.style.background='#EDEED5'");
$(self.tblResults[0]).find('tr:not(:first)').attr("onmouseout", "this.style.background='white'");
$(self.tblResults[0]).find('tr:first').addClass("DynamicTableHeaderRow");
$(self.tblResults[0]).addClass("DynamicTable");

}
</code></pre>

<p>The part at the bottom doesn't work in IE:</p>

<pre><code>$(self.tblResults[0]).find('tr').addClass("DynamicTableTR"); 
$(self.tblResults[0]).find('tr:not(:first)').attr("onmouseover", "this.style.background='#EDEED5'");
$(self.tblResults[0]).find('tr:not(:first)').attr("onmouseout", "this.style.background='white'");
$(self.tblResults[0]).find('tr:first').addClass("DynamicTableHeaderRow");
</code></pre>

<p>If tried several different approaches in the $.each loop to format the 'row' element without any luck.  The .attr() function will not work in IE either it seems.</p>

<p>On the addClass() function it does work here:</p>

<pre><code>$(self.tblResults[0]).addClass("DynamicTable");
</code></pre>

<p>However it does not work if I try to apply it to the row in $.each loop like this:</p>

<pre><code>$(row).addClass("DynamicTableTR");
</code></pre>

<p>I can't seem to find any workaround for IE.</p>

<p>EDIT:</p>

<p>The issue is the css/attributes are not getting applied to the s that I'm creating. </p>

<p>And the defintion of self is:</p>

<pre><code>var self = this;    //Capture the current self, outside of the $.each loop 
</code></pre>

<p>tblResults is just a  already defined on my page.</p>
