title: jQuery Selectors in list <li>
body: <p>Can somebody advise me with jQuery selectors.</p>
  
  <p>I have a HTML list (see below) with four flag images in it. When a user rolls over a flag for example italy, I want it to fade out all the other three flags to 50% opacity.</p>
  
  <pre><code>&lt;ul id="flags"&gt;
      &lt;li id="German"&gt;&lt;img src="images/flag_german.jpg" /&gt;&lt;/li&gt;
      &lt;li id="Italian"&gt;&lt;img src="images/flag_italian.jpg" /&gt;&lt;/li&gt;
      &lt;li id="Spanish"&gt;&lt;img src="images/flag_spanish.jpg" /&gt;&lt;/li&gt;
      &lt;li id="French"&gt;&lt;img src="images/flag_french.jpg" /&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>