title: Use JQuery to refresh table row using data after data updates in iframe
body: <p>I have a simple table with a link that inserts a div (using JQuery) after the current TR, creates an Iframe and sets the contents of the IFrame to a page with a form relating to the table row I've selected.</p>
  
  <p>After the form updates, it reloads the same page which triggers JQuery to update some content in the parent TR row, disabling some links and updating some data in TD cells to reflect changes made in the form.</p>
  
  <p>This process means I have to code each element that needs updating, which means more things that can break.....</p>
  
  <p>What I'd like to do is update the entire TR, which has a unique ID, by using the jQuery LOAD command.  I would call the same page as the one being displayed by the record's ID in the database - then I need to take the resulting TR on that LOADing page and insert it in place of the TR on the main page.</p>
  
  <p>If I was using DIVs for the rows in the displayed data instead of tables, I'd do something like $('#myRowID').load('SameDatapage.asp?id=SameRecordid #divWithUniqueID')</p>
  
  <p>so my question is - what code would I use to reload/replace just the affected TR by replacing its HTML(), if so, I don't know how to get just the HTML() from the page containing the TR which I would call in the LOAD command (which I don't think supports loading page parts with anything other than DIV  ) </p>
  
  <ul>
  <li>OR - </li>
  </ul>
  
  <p>is it legal to format a table like this:</p>
  
  <pre><code>&lt;table&gt;
  &lt;div id="1"&gt;
  &lt;tr&gt;
    &lt;td&gt;some data&lt;/td&gt;
  &lt;/tr&gt;
  &lt;/div&gt;
  &lt;div id="2"&gt;
  &lt;tr&gt;
    &lt;td&gt;another row&lt;/td&gt;
  &lt;/tr&gt;
  &lt;/div&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>to load the row inside the div or is that bad HTML?</p>