Change Background Color with mouse Over reference by class JQuery
<p>I have given class to a group of div's and want to change the background color of a div on mouse over it. What I did is this : <br>
<strong>HTML</strong></p>

<pre><code>&lt;div class="menu_top"&gt;
&lt;div id="1" class="menu_top_menu"&gt;Home&lt;/div&gt; 
&lt;div id="2" class="menu_top_menu"&gt;About Us&lt;/div&gt; 
&lt;div id="3" class="menu_top_menu"&gt;Register&lt;/div&gt; 
&lt;div id="4" class="menu_top_menu"&gt;Contact Us&lt;/div&gt; 
&lt;/div&gt;
</code></pre>

<p><strong>JQuery</strong></p>

<pre><code>$(document).ready(function() {
    $('.menu_top_menu').mouseover(function(){
    $('this').attr('style','background-color:yellow;');
    });
});
</code></pre>

<p>This do work with ID reference but I want to work with class. What am I doing Wrong ?</p>
