How to pass a dynamic DIV ID to a function in JQuery

How to pass a dynamic DIV ID to a function in JQuery

Hi all,

I got a problem with passing dynamic DIV ID.
I was doing some a php page which retrieved data from database and put into according DIV tag like this:
<DIV id="variabl1">msg1</td>;
Since there were tens of records in the table in database, the result would become:
<DIV id="variabl1">msg1</td>;
<DIV id="variabl2">msg2</td>;
...
<DIV id="variabl100">msg100</td>;

I got a JQuery script to show a specific message when a user moved his mouse over a DIV,
say if he moved his mouse over DIV ID 1, a msg would pop up showing message.

The script is as follows:
  1. <script language="javascript" type="text/javascript">
  2. $(function(){ 
  3. $(document).ready(function()
  4. {
  5.   $("#140").mouseover(function(e)
  6.   {
  7.     var height = $('#popup_div1').height();
  8.     var width = $('#popup_div1').width();   
  9.     leftVal=e.pageX-(width/2)+"px";
  10.     topVal=e.pageY-(height/2)+"px";  
  11.     $('#popup_div1').css({left:leftVal,top:topVal}).show();
  12.   });    
  13.    $("#Div1").mouseout(function()
  14.   {  
  15.     $('#popup_div1').hide();
  16.   });   
  17.   });
  18. });
  19. </script>
I dont now how to modify the script for a hundred DIV with different IDs.
Could you help me modify the script so that each DIV can pass its ID to the script above.

Please help.