title: Using the same data-* causing conflicts?
body: <p>I'm trying to use data-avatarid to send it through jQuery to load the appropriate comment box modal for the Avatar.</p>
  
  <p>They all have unique ID's, and are listed like so. However no matter how I've run the jQuery or changed things up. It seems to always return 8 as the avatarid.</p>
  
  <p>I've tried using attr and data to get the avatarid value with no luck as well. Any input would be greatly appreciated.</p>
  
  <p>This is my jQuery code</p>
  
  <pre><code>$(document).ready(function(){
      $('[data-toggle="tooltip"]').tooltip();
  
      $('.quickComment').click(function(){
        alert($(this).attr('avatarid'));
        var avatarid = $(this).data("avatarid");
        $( '#quickCommentModal' ).load( 'pages/modal/quickcomment.php?ajax&amp;avatarid='+avatarid, function( response, status, xhr ) {
          if ( status == "error" ) {
            var msg = "Sorry but there was an error: ";
            alert( msg + xhr.status + " " + xhr.statusText );
          }
        });
        $("#quickCommentModal").modal('show');
      });
  });
  </code></pre>
  
  <p>My button code</p>
  
  <pre><code>&lt;button name='quickComment' type='button' class='btn btn-info quickComment' data-avatarid='8' data-toggle='tooltip' data-placement='bottom' title='Quick Comment' data-original-title='Quick Comment'&gt;&lt;i class='glyphicon glyphicon-comment'&gt;&lt;/i&gt; 0&lt;/button&gt;
  &lt;button name='quickComment' type='button' class='btn btn-info quickComment' data-avatarid='9' data-toggle='tooltip' data-placement='bottom' title='Quick Comment' data-original-title='Quick Comment'&gt;&lt;i class='glyphicon glyphicon-comment'&gt;&lt;/i&gt; 0&lt;/button&gt;
  &lt;button name='quickComment' type='button' class='btn btn-info quickComment' data-avatarid='10' data-toggle='tooltip' data-placement='bottom' title='Quick Comment' data-original-title='Quick Comment'&gt;&lt;i class='glyphicon glyphicon-comment'&gt;&lt;/i&gt; 0&lt;/button&gt;
  &lt;button name='quickComment' type='button' class='btn btn-info quickComment' data-avatarid='11' data-toggle='tooltip' data-placement='bottom' title='Quick Comment' data-original-title='Quick Comment'&gt;&lt;i class='glyphicon glyphicon-comment'&gt;&lt;/i&gt; 0&lt;/button&gt;
  </code></pre>