title: how to change div background image in mouse over?
body: <p>I have some set of list items like-</p>
  
  <pre><code>&lt;div class="smenu"&gt;
                  &lt;ul&gt;
                    &lt;li &gt;&lt;a href="index.html"&gt;&lt;img src="images/solution1.jpg" border="0"&gt;&lt;/a&gt;&lt;/li&gt;
                    &lt;li &gt;&lt;a href="#"&gt;&lt;img src="images/solution2.jpg" border="0"&gt;&lt;/a&gt;&lt;/li&gt;
                    &lt;li &gt;&lt;a href="#"&gt;&lt;img src="images/solution3.jpg" border="0"&gt;&lt;/a&gt;&lt;/li&gt;
                    &lt;li &gt;&lt;a href="#"&gt;&lt;img src="images/solution4.jpg" border="0"&gt;&lt;/a&gt;&lt;/li&gt;
                    &lt;li &gt;&lt;a href="#"&gt;&lt;img src="images/solution5.jpg" border="0"&gt;&lt;/a&gt;&lt;/li&gt;                   
                  &lt;/ul&gt;
                &lt;/div&gt;
  </code></pre>
  
  <p><strong>when user moves over the menu items I want to change the background image if DIV</strong> -</p>
  
  <pre><code> &lt;div class="hbg"&gt;
          &lt;!--here I want to display image--&gt; 
            &lt;/div&gt;
  </code></pre>
  
  <p>how can I do this through jQuery???</p>