[Resolvido] Aplicar JQuery em um resultado de busca

Pessoal boa noite,

Vai parecer que eu deveria estar no tópico de PHP mas a questão central é JavaScript, especificamente a biblioteca JQuery.

É o seguinte:

Quando acessar a página principal, tudo que estiver no meu banco de dados vai aparecer lá em pequenos quadros feitos com divs. Isso foi feito com o seguinte código:

<?php
include("conexao.php");

$per_page = 25;
$sqlc = "select * from acao";
$rsdc = mysql_query($sqlc);
$cols = mysql_num_rows($rsdc);
$page = $_REQUEST['page'];

$start = ($page-1)*25;
$sql = "select * from acao ORDER BY codigo_jogo DESC limit $start,25";
$rsd = mysql_query($sql);
?>
<?php

while($resultado=mysql_fetch_array($rsd)) { print "

<div id=jogo>
<img src=$resultado[link_imagem] align=left></img>
<a id=box></a>
</div>

";
}?>

Esse código é um arquivo externo à página principal, um outro código que não vem ao caso é que chama o resultado da busca para a página principal.

Após eu ter os resultados retornados, queria que ao passar o mouse sobre os quadros, um efeito hover fosse aplicado em cada quadro, o hover seria um fadeIn e fadeOut. o problema é que como os quadros são gerados dinamicamente, todos tem o mesmo nome na id da div e portanto quando eu passo o mouse em um quadro, todos os quadros são afetados de uma vez já que todos tem o mesmo nome.

O código JQuery é o seguinte:

<script type="text/javascript">
$(function(){

$('#quadro').hover(

function(){$('#jogo a').fadeIn(200);},
function(){$('#jogo a').fadeOut(200);}
);
});

</script>

O id #quadro é o quadro que envolve os pequenos quadros gerados dinamicamente, estes pequenos quadros chamam-se #jogo.

Espero ter sido claro, tomara q alguém saiba.

Aguardo respostas e obrigado pessoal.