title: Jquery each <li> apply mouseover background
body: <p>Can't seem to get this to work:</p>
  
  <pre><code>$(function() {
    $("#side").$("li").each(function() {
      $(this).mouseover(function() {
        $(this).backgroundColor = "#c0c0c0";
      });
    });
  });
  </code></pre>
  
  <p>The HTML snippet to iterate over:</p>
  
  <pre><code>&lt;div id='side'&gt;
     &lt;ul&gt;
        &lt;li&gt;A&lt;/li&gt;
        &lt;li&gt;B&lt;/li&gt;
        &lt;li&gt;C&lt;/li&gt;
     &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>