title: jQuery changing background on hover
body: <p><p>I have this code<p></p>
  
  <h1>html</h1>
  
  <pre><code>&lt;div id="addQuesion"&gt;
      &lt;ul id="aQul"&gt;
          &lt;li class="aQli"&gt;&lt;/li&gt;
          &lt;li class="aQli"&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and my jQuery is</p>
  
  <h1>jQuery</h1>
  
  <pre><code>$(document).ready(function(){
      $(".aQli").mouseover(function(){
  
      });
      $(".aQli").mouseout(function(){
  
      });
  });
  </code></pre>
  
  <p>I want when hovering over a li, the background should be red, and on exit from that li, the background should return to white.  How can I do this?</p>