Complemento "button" de JQuery y Twitter Bootstrap – seleccionar valor

Tengo el siguiente código HTML y me gustaría usar el complemento de button de Bootstrap: http://twitter.github.com/bootstrap/javascript.html#buttons para seleccionar el elemento "valor":

<div class="btn-group pull-right nav-tabs" data-toggle="buttons-radio"> <button class="btn" value="60">Hour</button> <button class="btn" value="1440">Day</button> <button class="btn" value="10080">Week</button> <button class="btn" value="43200">30 Day</button> </div> 

Tengo el siguiente JavaScript que ejecuta onClick correctamente, pero devuelve indefinido.

 $('.nav-tabs').button().click( function(e){ var selected = $(this).attr('value'); console.log(selected); }); 

¿Alguien puede aconsejar cómo puedo get el elemento "valor" del html?

No estás seleccionando el button. Debe tener un aspecto como este.

 $('.nav-tabs').on('click', 'button', function(e){ var selected = $(this).attr('value'); console.log(selected); });