I have the hover event set up. There are 100 elements in my document of the class square. What I want to do is return the ID of the current square that is hovered and edit the style=' ' attribute of the .square with that specific ID. I am kind of new to jQuery. Could I get some help out!

Thank you!

[code]

<script type="text/javascript" src="jquery-1.5.min.js"></script>

<script type="text/javascript">

$(document).ready(function(){

   $('.square').hover(function(){

   

   });

   

   $('.squareedgeside').hover(function(){

   

   });

   

   $('.squareedgetop').hover(function(){

   

   });

});

</script>

[/code]