title: jQuery alert if table rows change (Fiddle inside)
body: <p>So what I'm trying to do, is execute an alert each time the top row of a table changes. Problem is, I regenerate the HTML every 10 seconds of so - so I can't figure out how to "listen" for changes. </p>
  
  <p><a href="http://jsfiddle.net/kYZYU/1/" rel="noreferrer">http://jsfiddle.net/kYZYU/1/</a></p>
  
  <pre><code>&lt;table id="theTable"&gt;
  &lt;th&gt;Id&lt;/th&gt;
  &lt;th&gt;Name&lt;/th&gt;
  &lt;th&gt;Score&lt;/th&gt;
      &lt;tr&gt;
          &lt;td&gt;1&lt;/td&gt;
          &lt;td&gt;James&lt;/td&gt;
          &lt;td&gt;50&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;2&lt;/td&gt;
          &lt;td&gt;Peter&lt;/td&gt;
          &lt;td&gt;25&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;3&lt;/td&gt;
          &lt;td&gt;Sally&lt;/td&gt;
          &lt;td&gt;10&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  
  
  $("#theTable").on("change", function() {
      alert("This person took the lead");
  });
  
  
  //Goal: An alert every time someone new takes the lead. The problem is, at this point - the table HTML is regenerated every 10 seconds (it will be better solution soon), so it's kind of hard to "listen for changes". 
  </code></pre>
  
  <p>What I'm thinking:
  1. On page load, look at the first table row and save the value of the User Id , next time the HTML is regenerated, run a comparison? </p>