Jquery & ZeroClipBoard - Nearly Working !

Jquery & ZeroClipBoard - Nearly Working !

This works when I have ONE INPUT button.  

But how would I change it to work regardless of the number of input buttons on screen ?
Obviously when I click on a button, I want it's 'data-clipboard-text' to be returned.

Thanks :) 

    
    
     
  1. <input type="button" id="copy_button" data-clipboard-text="Copy Me!" Value="Click ME">
    2. 
     
  2. <script src="js/ZeroClipboard.js"></script>
    3. 
     
  3. <script>
    4. 
     
  4. var clip = new ZeroClipboard( document.getElementById("copy_button"), {
    5. 
     
  5.  moviePath: "js/ZeroClipboard.swf"
    6. 
     
  6. } );
    7. 
     

    8. 
     
  8. clip.on( 'complete', function(client, args) {
    9. 
     
  9. var $message = $('<div class="message">DONE</div>').hide();
    10. 
     
  10. var $messageCont = $('<div class="message_cont" />').append($message).prependTo('body');
    11. 
     
  11. $messageCont.css({
    12. 
     
  12.  "left" : $(this).offset().left,
    13. 
     
  13.  "top" : $(this).offset().top
    14. 
     
  14. }).find("div.message").fadeIn(200).delay(1500).fadeOut(function() {
    15. 
     
  15.  });
    16. 
     
  16.  } );
    17. 
     
  17. </script>
    18.