[jQuery] How to pass loop increment to Jquery

[jQuery] How to pass loop increment to Jquery


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");
            });
        }
});