Better way to bind event in jquery
<p>I have a page where I have many controls and then I have a div element and have 10 asp buttons in that div element.</p>

<p>I want to bind mousehover event to only those buttons which are inside the div element.</p>

<p>Currently i m doing it like:</p>

<pre><code>&lt;script src="jquery-1.6.2.js" type="text/javascript"&gt;&lt;/script&gt;
    &lt;script type="text/javascript"&gt;
        $(document).ready(function () {
            $("#MangoPager_btn1").hover(mousehoverfunction);
            $("#MangoPager_btn2").hover(mousehoverfunction);
            $("#MangoPager_btn3").hover(mousehoverfunction);
            $("#MangoPager_btn4").hover(mousehoverfunction);
            $("#MangoPager_btn5").hover(mousehoverfunction);
            $("#MangoPager_btn6").hover(mousehoverfunction);
            $("#MangoPager_btn7").hover(mousehoverfunction);
            $("#MangoPager_btn8").hover(mousehoverfunction);
            $("#MangoPager_btn9").hover(mousehoverfunction);
            $("#MangoPager_btn10").hover(mousehoverfunction);
        }); 
&lt;/script&gt;
</code></pre>

<p>Is there any way in jquery so that i can declare a list of button ids something like <code>[MangoPager_btn10,MangoPager_btn2,MangoPager_btn3]</code> so that i don't have to do that for every single button id.</p>

<p>I tried with <code>input</code> type but then it's applying the function for all input type objects not for buttons which are in the <code>div</code> elemet.</p>

<p>Any other bettrer way to do it in jquery ....
I </p>
