title: How can I get a simple ZeroClipboard copy-to-clipboard setup working within jQuery on jsFiddle on a single click?
body: <p>I'm struggling to get ZeroClipboard working within a jQuery context.  The basic usage I'm after is clipping the text of each <code>div</code> with the class <code>copy</code> on click.</p>
  
  <p>The following jsFiddle works on double click using the stable ZeroClipboard v1.3.3</p>
  
  <p><a href="http://jsfiddle.net/bEQ6R/" rel="nofollow">http://jsfiddle.net/bEQ6R/</a> </p>
  
  <p>html:</p>
  
  <pre><code>&lt;div class="copy"&gt;Click this text to copy this text&lt;/div&gt;
  &lt;div class="copy"&gt;Or click this text to copy this text&lt;/div&gt;
  &lt;p class="debug flash-loaded"&gt;Flash player is loaded.&lt;/p&gt;
  &lt;p class="debug confirm-copy"&gt;Text Copied.&lt;/p&gt;
  &lt;textarea placeholder="Use this textarea to test your clipboard"&gt;&lt;/textarea&gt;
  </code></pre>
  
  <p>js:</p>
  
  <pre><code>$(document).ready(function() {
      ZeroClipboard.config({ moviePath: 'http://zeroclipboard.org/javascripts/zc/ZeroClipboard_1.3.2.swf',debug: true });    
      var client = new ZeroClipboard($('.copy'));
      client.on('load', function(client) {
          $('.flash-loaded').fadeIn();
          client.on('complete', function(client, args) {
              client.setText($(this).text());
              // client.setText('Manually Set Text to This instead of the contents of the div');
              console.log(client);
              $('.confirm-copy').fadeIn();
          });
      });
  });
  </code></pre>
  
  <p>Yes, I understand there are other similar ZeroClipboard questions here, but I have yet to see a simple jsFiddle version actually work. Existing fiddles I've come across are either deprecated or no longer functional for some other reason.</p>
  
  <p>Also, ZeroClipboard's demo on their own site <a href="http://zeroclipboard.org/" rel="nofollow">http://zeroclipboard.org/</a> for the same version appears to work just fine, so I know it's possible.</p>