title: jQuery select first TD item from table within a LI
body: <p>I have this jquery code:</p>
  
  <pre><code>&lt;script&gt;
      $(function() {
  
          $( "#sortable" ).sortable({
  
              stop: function(event, ui) {
                  var data = "";
  
                  $("#sortable li").each(function(i, el) {
                          var p = $(el).text().toLowerCase().replace(" ", "_");
                          data += p + ",";
                  });
                  alert(data);
  
                  $("form [name='new_order']").val(data);
  
          }
  
          });
  
          $( "#sortable" ).disableSelection();
  
      });
  
  &lt;/script&gt;
  </code></pre>
  
  <p>The code creates a sortable list. I want to capture the resorted order of the sortable list after a resort is finished. The LI's are generated dynamically with PHP and look like:</p>
  
  <pre><code>echo '&lt;li class="ui-state-default"&gt;';
  
  
  
  echo '&lt;table border="1" cellpadding="5" cellspacing="0" class="text2" align="center"&gt;';
  echo '&lt;tr&gt;';
  echo '&lt;td align="right" width="10"&gt;' . ($counter+1) . '&lt;/td&gt;';
  echo '&lt;td width="100"&gt;&lt;img src="'.$thisimage['url'].'" alt="'. $thisimage['title'] .'" height="100" width="100" /&gt;&lt;br /&gt;' . $thisimage['title'] . '&lt;/td&gt;';
  echo '&lt;/tr&gt;';
  echo '&lt;/table&gt;';
  
  echo '&lt;input name="draglist_items['.$thisimage['image_no'].']" value="'.$counter++.'" type="hidden" /&gt;';
  
  
  
  echo '&lt;/li&gt;';
  </code></pre>
  
  <p>Currently, my 'data' variable contains output similar to: <code>1blablabla,2blablabla</code></p>
  
  <p>I only want the value from the first TD element in each LI. Any idea what selector I might use in place of: <code>$(el)</code> to get this? Basically I would like 1,2,...</p>