Why children for a selector not works in jquery?
<p>I am trying to change <code>background color</code> of <code>li</code> having a class with <code>jquery children</code>, but it is not working.
Following is the url where I test it : <a href="http://jsfiddle.net/kFUqK/1/" rel="nofollow">http://jsfiddle.net/kFUqK/1/</a></p>

<p>I changed the code </p>

<pre><code>$('ul.level-2').children().css('background-color', 'red');
$('ul.level-2').children('.level-33').css('background-color', 'blue');
</code></pre>

<p>to</p>

<pre><code>//$('ul.level-2').children().css('background-color', 'red');
$('ul.level-2').children('.level-33').css('background-color', 'blue');
</code></pre>

<p>Then I found <code>li.level-33</code> has not changed with its background.</p>

<p>Any reason for this?</p>
