Problema con bucle y dialog JQuery

[carlosuc99]

Buenas,

Tengo esto:

Código Javascript:

while ($row = mysql_fetch_array($result, MYSQL_ASSOC)){
    if($i++%2==0){
       $color="#FFFFFF";
    }else{
       $color="#CCCCCC";
    }
  
    ?>
 
    <tr bgcolor='<?php echo $color; ?>' onmouseover="this.style.background='#ABFB04';" onmouseout="this.style.background='<?php echo $color; ?>';">
    <?php
 
echo "<td class=tablelist>";
 
echo $row["ICAO"] . '</td><td class=tablelist>';
 
echo $row["Name"] . '</td><td class=tablelist>';
 
echo $row["WeightEmpty"] . '</td><td class=tablelist>';
 
echo $row["WeightFull"] . '</td><td class=tablelist>';
 
echo $row["CargoFull"] . '</td><td class=tablelist>';
 
echo $row["Range"] . '</td><td class=tablelist>';
 
echo $row["Price"] . '</td><td class=tablelist>';
 
echo $row["FirstClassSeats"] . '</td><td class=tablelist>';
 
echo $row["BusinessClassSeats"] . '</td><td class=tablelist>';
 
echo $row["EconomyClassSeats"]. '</td><td class=tablelist>';
 
echo "<img id='editaircraft' src='./images/info.png'></td></tr>"; 
 
?>
<script>
    $(function() {
        $( "#editaircraftdialog" ).dialog({
            autoOpen: false,
            width: 425
        });
 
        $( "#editaircraft" ).click(function() {
            $( "#editaircraftdialog" ).dialog( "open" );
            return false;
        });
    }); 
</script>
 
<div id="editaircraftdialog" title="Edit Aircraft">
    <p>Hello World!!</p>
</div>
 
<?php
}
 
echo "</table>";
$pagination->render();
?>
 

Es un bucle creado con un while. Pertenece al contenido de una tabla. Quiero que al pulsar la imagen info.png en cualquiera de las filas de la tabla se me despliegue el dialog que "editaircraftdialog".

Con el código de arriba el dialog sólo se despliega en la primera fila, por lo tanto interpreto que solo funciona la 1era vez que se ejecuta el while.