How can I change the css class of each th tag from “T” to “ST”? And how can I assign 1 more function(PI) to the button of the last table of iframe(A)
<p>I have an iframe with the following HTML which is empty when I load a page. </p>

<pre><code>&lt;iframe id="A"&gt;&lt;/iframe&gt; 
</code></pre>

<p>I am loading the iframe(A) with the following code using JavaScript:</p>

<pre><code>document.getElementById(A).src = 'https://adms.lifemark.ca/Apps/app_quickadd_frame.jsp?appid=102946&amp;oppid='+Current;    
</code></pre>

<p>After loading the iframe(A) it creates 10 iframe within iframe(A).Each new iframe has 1 table and many th tag. 
How can I change the css class of each th tag from “T” to “ST” ? And how can I assign one more function(PI) to the following button within the last table of iframe(A) using Jquery?</p>

<pre><code>&lt;table&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td class="Submit"&gt;
&lt;input type="Button" value="Submit" onclick="sb()" style="width:200px"&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
</code></pre>
