JQuery : Activer élément on MouseOver

Cette fonction js permet d'activer l'affichage d'éléments (type update/delete) lorsque l'on passe la souris au dessus d'un lien dans une DataGrid. Seul l'élément sélectionné est affiché. 

# JavaScript

$(document).ready(function(){

        // au chargement de la page, on masque le div #msg
        hide_msg();

        $(".icon_div").mouseover(function() {
                $(this).children('.icon').show();
        });

        $(".icon_div").mouseout(function() {
                $(this).children('.icon').hide();
        });
});

function hide_msg()
{
        $(".icon").hide();
}

# Code HTML
<div style='font-size:8pt;' class='icon_div'>
<a href='URL' target='_blank'>title</a>
 if ( isset($_GET['edit']) && ($_GET['edit'] == "true" ) && ($url != null) )
{
<a class='icon' href='?page=form/console_form&id=$id_console'><img src='static/img/newspaper-edit.png' style='border:none; width:13px;'></img></a>
<a class='icon' ref='?page=crud/crud_console&id=$id_console&action=delete' onclick='return checkdel();'><img src='static/img/cross.png' style='width:10px; border:none;'></img></a>
}
</div>