Jquery ongelma

Olen paininut tässä nyt suhteelisen iisin ongelman kanssa. Helppoudesta huolimatta ongelma ei vain ratkea. Eli tässäpä on pätkä koodia:

$(document).ready(function(){
// laskuri
var i = 0;
var ii = 0;

for(i=0; i<=6; i++)
{
$("b.tamaesiin"+[i]).hide();
$("td.tamaesiin"+[i]).hide();

}

var numero =new Array();
var td_koe = new Array();


var b = "b.tamaesiin";
var td = "td.tamaesiin";

for(i=0; i<=6; i++)
{
numero[i] = i;
}

for(i=0; i<=6; i++)
{


$('a.esiin'+numero[i]).mousemove(function (event){

//document.write(numero[i]);
//document.write(numero[1]);
$(td+numero[i]).show('slow');
$(b+numero[i]).show('slow');
});

$("a.esiin"+[i]).mouseout(function(event){
});
}

});

Eli ideana olisi saada sivuilla olevat td:t ja niiden sisällä olevat tekstit jquerymäisellä tavalla. Koodi toimii niin kauan kun siihen lisätään tuo for luuppi. Tämä pätkä koodissa toimii vielä hyvin ja luupista saadut numerot tekevät kuusi tälläistä-> $('a.esiin'+numero[i]).mousemove(function (event){ funktiota. Kuitenkin tämän funktion sisällä i ei toimikkaan enää. numerot toimivat eli jos kirjoittaa td.numero[1] td yksi pomsahtaa kyllä esiin, mutta minkä ihmeen takia for luupin i ei periydy enää tämän funktion sisään? Perityyhän tuo var td ja var b:kin.
Jos tunnette osaavanne oikeasti vastauksen pitkään kysymykseeni niin vastailkaa ihmeessä, mutta älkää jaksako heitää arvauksia ratkaisusta.