Why Jquery each function stopped working?
<p>This code of mine was working well, but now it has stopped working!! What might be wrong with it?
Am looping through table rows, using the JQuery .each function,</p>

<p>html:</p>

<pre><code> &lt;form method="POST" action="/post_updates/" onSubmit="return postUpdates()" &gt;
    &lt;table id="mytable" class="table"&gt;
      &lt;thead&gt;
          &lt;tr&gt;
             &lt;th&gt;col 1&lt;/th&gt;
             &lt;th&gt;col2 &lt;/th&gt;
          &lt;/tr&gt;
       &lt;/thead&gt;
       &lt;tbody&gt;
       !-- rows are created dynamically --
       {% for object in object_list %}
         &lt;tr&gt;
          &lt;td id="row"&gt;{{object.id}}&lt;/td&gt;
          !-- other td's --
         &lt;/tr&gt;
        {% endfor %}
    &lt;/tbody&gt;
   &lt;/table&gt;
</code></pre>

<p>Javascript:</p>

<pre><code>&lt;script type="text/javascript" &gt;
  function postUpdates(){
    $("#mytable tr:gt(0)").each( function () {
       // this code NEVER get executed
      var rowid = $(this).find("#row").html();
      // .. does alot of stuff with rowid!!
    });
  }
</code></pre>

<p>am sure this was working, but it just stopped. Tested it in both Chrome and Firefox!</p>

<p>Gath.</p>
