how to search all children and children's children, etc of a parent div
<p>I have a setup, something confusing like this:</p>

<pre><code>&lt;ListView&gt;
    &lt;ItemTemplate&gt;
        &lt;div id="Content"&gt;
            &lt;asp: TextBox ID="OuterTextBox" /&gt;
            &lt;div id="Controls"&gt;
                &lt;asp: ComboBox ID="InnerComboBox"/&gt;
            &lt;/div&gt;
            &lt;div&gt;
                &lt;asp: Button ID="Submit" /&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/ItemTemplate&gt;
&lt;ListView&gt;
</code></pre>

<p>Wonky I know, this is just a mockup. The real thing is worse. This is an ItemTemplate so this is obviously going to dynamically generate IDs when the page is compiled. What I'm trying to do is use jquery to create an object that starts at the level of the div labeled "Content", then search all of it's children (recursively) to find the value of each specified control. In this example, they are OuterTextBox and InnerComboBox. What is confusing me is the ridiculous hierarchy of elements. How do I do this the most efficiently? I can only assume that shortly down the road, there will be changes to the hierarchy of divs, so I'm hoping to get something that won't break as soon as I move something, so explicit paths to the controls aren't going to work. Here is the concept I'm currently trying to expand on:</p>

<pre><code>function ClientIDS(obj) {

   var txt = $(obj).prevAll('input[id*="txtTextBox"]:first');
   alert($(txt).val());

   return false;
} 
</code></pre>

<p>I would then do something like OnClientClick="ClientIDS(this)" in the server control.</p>

<p>This code is simple and clean, and worked perfectly when all of the controls were in the same div (as siblings). Can anyone come up with a way to find the controls in a similar, simple fashion to this when the controls get broken up by divs like this? </p>
