onmouseover su un bottone

[claire89]

Ho creato un form con un bottone:

(html)

<button type="button" id="tastoPiu" >+</button>                   
 <span id="aggiungi">Aggiungi</span>

voglio che quando passo sopra con il mouse al bottone questo mostri la scritta 'aggiungi', quindi ho scritto così:

(javascript)

 aggiungi=$("#aggiungi");
document.getElementById("tastoPiu").onmouseover = function() {         
aggiungi.show();     }

(css)

#aggiungi{   
 display:none;    
position:absolute;    
margin-left: -10px;    
margin-top: 20px; }

Funziona tutto bene però non capisco perchè se la parte di javascript anzichè scriverla come sopra la scrivo invece come segue non funziona..qualcuno sa spiegarmi perchè?

aggiungi=$("#aggiungi");
 $('#tastoPiu').onmouseover(function(){
aggiungi.show();
});