jquery - each / click function not working -

edit: works, not sure why?

  $('button').each(function() {     $(this).bind(         "click",         function() {             alert($(this).val());         });   }); 

i'm not sure why isn't working... right now, i'm trying output alert button value, it's not working on page. don't console errors in firebug , can't see prevent working.

my html looks this:

<table id="addressbooktable"> <thead>     <tr>         <th>name</th>         <th>action</th>     </tr> </thead>  <tbody>     <tr>         <td>7892870</td>         <td><button id="button-20" class="custom-action" value="xy89" name="info">click</button></td>     </tr>      <tr>         <td>9382098</td>         <td><button id="button-21" class="custom-action" value="xy544" name="info">click</button></td>     </tr>      <tr>         <td>3493900</td>         <td><button id="button-22" class="custom-action" value="xy231" name="info">click</button></td>     </tr> </tbody> </table> 

and code looks this:

  $('button').each(function() {     $(this).click(function() {       alert($(this).val());     }   }); 

but, clicking on nothing @ all? using incorrectly?

you can bind buttons click event this, there no need loop through them

$(function(){     $("button").click(function() {         alert($(this).attr("value"));     }); }); 

but more precise selector might be:

$(function(){     $("button[id^='button-'").click(function() {         alert($(this).attr("value"));     }); });