jQuery: "diff" two tables; display rows not in common
<h2>In a checkout application:</h2>

<p>Need to display only the recently added items.</p>

<h2>Constraints:</h2>

<p>No control over submit action in form.<br>
No control over "row adding" mechanism<br></p>

<h2>My idea:</h2>

<ol>
<li>Clone table upon document load</li>
<li>Compare or 'diff' table against clone at "finish"</li>
<li>Display unique rows</li>
</ol>

<h2>Where I'm at so far:</h2>

<p><a href="http://jsfiddle.net/XLsCx/10/" rel="nofollow">http://jsfiddle.net/XLsCx/10/</a></p>

<p>I can't get unique rows to display in new table. The results are wrong too, if you look at what's highlighted in Red.</p>

<p><strong>( sounds of crickets chirping )</strong><br><br>
Haven't figured it out yet, huh? Well, I did ...finally. </p>

<p><a href="http://jsfiddle.net/FkrBc/" rel="nofollow">http://jsfiddle.net/FkrBc/</a></p>

<p>I'll submit this as an answer later.</p>
