title: jQuery button doesn't work until second click - how do I bind <a> with zClip before first click
body: <p>a.copy-btn gets zClip attached to it on the first click.</p>
  
  <p>On the second click the contents of &lt; p > (ggg/aaa) gets copied.</p>
  
  <p>I want it to get copied on the first click, and I cant get it working. </p>
  
  <pre><code>&lt;p class="copiedText"&gt;ggg&lt;/p&gt;
  &lt;a class="copy-btn" href="#"&gt;a copy button&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;
  
  &lt;p class="copiedText"&gt;aaa&lt;/p&gt;
  &lt;a class="copy-btn" href="#"&gt;a copy button&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;
  
  
  $(document).ready(function(){
                  $('a.copy-btn').click(function(){
                      $(this).zclip({     
                          path:'js/ZeroClipboard.swf',
                          copy:$(this).prev('p.copiedText').text()
                      });
                    });               
                });
  </code></pre>
  
  <p><em>I am also open to other solutions entirely. 
  I tried addClass to the &lt; p > before 'copy' is triggered -- and then copying the p.ClassName -- but this didn't work -- I would be interested to know why.</em></p>