title: jQuery .bind on change some object with .class
body: <p>i interested in learn how to correctly add .bind code to object, then he changed. This object is not unic and have class selector insted of id, but it have a <code>&lt;div&gt;</code> wrapper:</p>
  
  <pre><code>&lt;div id="GDI"&gt;
    &lt;table class = "Tiberium"&gt;
    ...
      &lt;tbody&gt;
       &lt;tr&gt;...&lt;/tr&gt;
       ...
       &lt;tr&gt;...&lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
  
  &lt;div id="NOD"&gt;
    &lt;table class = "Tiberium"&gt;
    ...
      &lt;tbody&gt;
       &lt;tr&gt;...&lt;/tr&gt;
       ...
       &lt;tr&gt;...&lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The data changed in table with class "Tiberium" in <code>&lt;tbody&gt;</code> space (e.g. was added new row), i need simple alert then data changed in GDI table, but dont know how to do it.</p>
  
  <p>Code that i tried:</p>
  
  <pre><code>$('.Tiberium').bind('DOMSubtreeModified', Alert);
  </code></pre>
  
  <p>Where Alert is function.
  This code capture changes in both tables, and i got alerts then one of them changed. So how i can track changes only in "Tiberium" table in GDI space?</p>
  
  <p>p.s. i'v tried <code>$('#NOD').bind('DOMSubtreeModified', Alert);</code>
  but this code alert me 3 times in row, and it possible run every code in function 3 times. (i think it happend in case of this hierarchy).</p>