how to create jquery hover

[tony979]

How do I create a jQuery \[code\]hover\[/code\] to show a \[code\]div\[/code\] when the mouse is over like twitter repla retweet and favorite?Here is my HTML:\[code\]<div style="display:none;" id="blab"> <?php echo $blab_id; ?></div><a href="http://stackoverflow.com/questions/14469532/blab.php?id=<?php echo $blab_id; ?>"> <div class="blab_body" id="hover" value="http://stackoverflow.com/questions/14469532/Hide"> <table> <tr> <td valign="top"> <img src="http://stackoverflow.com/questions/14469532/<?php echo $profile_pic_info; ?>" class="blab_image" width="50" height="50" /> </td> <td>&nbsp;</td> <td> <table> <tr> <td valign="top"> <a href="http://stackoverflow.com/questions/14469532/profile.php?id=$mem_id"> <strong><?php echo $added_fullname; ?></strong> </a> <?php echo $added_to_fullname; ?> </td> </tr> <tr> <td> <?php echo $blab_body; ?> </td> </tr> <tr> <td> <text style="color:gray;"> <?php echo $blab_date; ?>|<?php echo $device; ?> </text> </td> </tr> </table> </td> </tr> </table> <div style="background:#000; display:none;" id="id">&nbsp;</div> </div></a><hr />\[/code\]and here is my JavaScript code:\[code\]$('#id').hide();$('#hover').hover(function () { var blab_id = $('#blab').text(); $('#id').show();}, function () { $('#id').hide();});\[/code\]It shows the \[code\]div\[/code\] for the first one only.