<p>A <code>.container</code> can contain many <code>.components</code>, and <code>.components</code> themselves can contain <code>.containers</code> (which in turn can contain .components etc. etc.)</p>

<p>Given code like this:</p>

<pre><code>$(".container .component").each(function(){
  $(".container", this).css('border', '1px solid #f00');
});
</code></pre>

<p>What do I need to add to the line within the braces to select only the nested <code>.containers</code> that have their <code>width</code> in CSS set to <code>auto</code>?  I'm sure it's something simple, but I haven't really used jQuery all that much.</p>

```
```
$(".container .component").each(function() {
    if ($(".container", this).css('width') === "auto")
        $(".container", this).css('border', '1px solid #f00');
});
```
```