Matching division widths with jquery
<p>This is a question regarding matching division widths with jquery. Here is the html code I am working with.</p>

<pre><code>&lt;ul class="thumbs_container"&gt;
&lt;li class="thumbs"&gt;
    &lt;a class="fancybox" href="" &gt;
        &lt;div class="thumbs_image_container"&gt;
            &lt;img src="" /&gt;
        &lt;/div&gt;
        &lt;div class="caption"&gt;
            caption
        &lt;/div&gt;
    &lt;/a&gt;
&lt;/li&gt;
    &lt;li class="thumbs"&gt;
    &lt;a class="fancybox" href="" &gt;
        &lt;div class="thumbs_image_container"&gt;
            &lt;img src="" /&gt;
        &lt;/div&gt;
        &lt;div class="caption"&gt;
            caption
        &lt;/div&gt;
    &lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>I will have multiple list items with the class 'thumbs'. What I want to do is match the widths of the divs with the class 'caption' to the widths of the divs with the class 'thumbs_image_container', but treating each list item separately. </p>

<p>Could someone please give me some pointers on how to do this? I know how to match the widths, but I am having problems figuring out how to treat each list item separately.</p>
