title: JQuery and Twitter Bootstrap "button" plugin - select value
body: <p>I have the following HTML and would like to use Bootstrap's button plugin - <a href="http://twitter.github.com/bootstrap/javascript.html#buttons" rel="nofollow">http://twitter.github.com/bootstrap/javascript.html#buttons</a> to select the "value" element:</p>
  
  <pre><code>&lt;div class="btn-group pull-right nav-tabs" data-toggle="buttons-radio"&gt;
    &lt;button class="btn" value="60"&gt;Hour&lt;/button&gt;
    &lt;button class="btn" value="1440"&gt;Day&lt;/button&gt;
    &lt;button class="btn" value="10080"&gt;Week&lt;/button&gt;
    &lt;button class="btn" value="43200"&gt;30 Day&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I have the following JavaScript that executes onClick successfully, but returns undefined.</p>
  
  <pre><code>$('.nav-tabs').button().click( function(e){     
  
    var selected = $(this).attr('value');
  
    console.log(selected);
  });
  </code></pre>
  
  <p>Can anyone advise how I can get the "value" element from the html?</p>