[jQuery] How to pass loop increment to Jquery

[Sai Krishna]

Hi,
I've my PHP code generating  rows using certain loop conditons, And
I'd like to show/hide a div overlay on mouseover and mouseout of a
text link generated in each row respectively.  I wrote the following
code. this seems to be show div overlay of last row. That is because I
wrote the function in document.ready. I dont think Jquery lets us put
javascript in HTML code, So how can I make my code work  in such a
case?

$(document).ready(function(){
                var i= $("#count").val();
                for(j=0;j<i;j++){
                        var k = "#show_details"+j;
                        var refer = "#show" +j;
                        $(k).hide();

                        $(refer).mouseover(function(){
                                $(k).show("slow");
                        });
                        $(refer).mouseout(function(){
                                $(k).hide("slow");
                        });
                }
});