l have a php code that populates a table from a database. l echo all the data from the table into the table using this code

```
foreach ($m as $value=>$key){

    echo "<tr><td onmouseover = 'show()' onmouseout='hide()' >" . $key['name'] . "<a href='add.php' id='editlink'> Edit</a>" . "</td><td>" . $key['office_name'] . "</td><td>" . $key['description']  .  "</td><td>" . $key['image']  . "</td></tr>";
}

```

Javascript that is applied to the `editlink`

```
<script> 
function show() 
{ 
    document.getElementById("editlink").style.display = "inline"; 
} 
function hide()
{ 
    document.getElementById("editlink").style.display = "none"; 
} 
</script>

```

it works fine except that the edit link shows for only the first row in the table. how do l show the link in every row.thanks