jquery dynamic stracture with Eq

Question

i want to make a single submission with dynamic jquery script but it doesn't worked what wrong with my code?

$(document).ready(function(){

   $("#foo").each( function( i )
   {

        $("button#foo").eq(i).click(function()
            {
               var a = this.val();
               alert(a);
            });
   });

});

<div id="tabs-1"><input type="type" value="one"><button id="foo"></button></div>

<div id="tabs-2"><input type="type" value="two"><button id="foo"></button></div>

<div id="tabs-3"><input type="type" value="tree"><button id="foo"></button></div>

thanks mapet

Answer 1

The problem is you are repeating IDs. IDs have to be unique. Also what you're doing doesn't make a lot of sense. What are you trying to achieve?