title: Adding  a CSS class to a table row after loading a page in an iframe with jQuery?
body: <p>I'm loading a form in an iframe (with facebox). When the form is submitted and the page inside the iframe is reloaded, I would like to add a CSS class to a specific table-row on the parent page.</p>
  
  <p>the table looks like this:</p>
  
  <pre><code>&lt;table&gt;
      &lt;tr id="row-1"&gt;&lt;td&gt;&lt;a href=""&gt;link to open facebox with iframe&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
      &lt;tr id="row-2"&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;
      &lt;tr id="row-3"&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;
      &lt;tr id="row-4"&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>After the form is submitted in the iframe, the table in the parent frame should look like this:</p>
  
  <pre><code>&lt;table&gt;
      &lt;tr id="row-1" **class="highlite"**&gt;
          &lt;td&gt;&lt;a href=""&gt;link to open facebox with iframe&lt;/a&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr id="row-2"&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;
      &lt;tr id="row-3"&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;
      &lt;tr id="row-4"&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Can the community assist me in implementing this correctly?</p>