title: jquery .children() selector: form in a table
body: <p>I have a simple html form:</p>
  <pre><code>&lt;form action=&quot;/api/userattributes&quot; method=get&gt;
  &lt;select name=action&gt;
  &lt;option&gt;read_by_user&lt;/option&gt;
  &lt;option&gt;set&lt;/option&gt;
  &lt;option&gt;delete&lt;/option&gt;
  &lt;/select&gt;
  Attrib Name: &lt;input name=name type=text size=20 value=&quot;&quot;&gt;
  Attrib Value: &lt;input name=value type=text size=50 value=&quot;&quot;&gt;
  &lt;br /&gt;
  &lt;input type=submit name=&quot;Go!&quot;&gt;
  &lt;/form&gt;
  </code></pre>
  <p>And a simple jquery function that wants to touch some of the input fields in the form before they get submitted:</p>
  <pre><code>$(function()
  {
      $(&quot;form&quot;).submit(function()
      {
          $(this).children(':input[value=&quot;&quot;]').each(
              function() {
                  $(this).attr(&quot;disabled&quot;, &quot;disabled&quot;);
          });
          return true; // ensure form still submits
      });
  });
  </code></pre>
  <p>That works fine.</p>
  <p>But if I format the form with a table, my function no longer does anything.</p>
  <p>Well, I thought, maybe the problem is that the children of the form are table elements (though that seems very weird), so I tried <code>.find()</code> instead of <code>.children()</code>, which again works with the vanilla version but not with the table version.</p>
  <p>How do I find the form fields if my form is in a table?</p>