Jquery requiring 2-3 clicks to execute
<p><em><strong>Update:</em></strong><br>
Thanks to everyone who has taken a look. I've ported the entire thing into JSFiddle so you can see what it's doing... <a href="http://jsfiddle.net/pJVbC/5/" rel="nofollow">http://jsfiddle.net/pJVbC/5/</a></p>

<p><em><strong>Background:</em></strong><br>
I have a bunch of list items on a page, each of which has a dedicated button that triggers a copy of a URL (using zclip.) It works, but it requires 2-3 clicks in order for the jquery to fire. Any ideas why?</p>

<p>Here is the HTML...</p>

<pre><code>    &lt;dt&gt;
  &lt;div class="well"&gt;
    &lt;div class="buttoncont"&gt;
      &lt;button class="copybutton" prelink="http://www.MySite.com" postlink=""&gt;&lt;i class="icon-plus icon-white"&gt;&lt;/i&gt;&lt;/button&gt;​
    &lt;/div&gt;
    &lt;h4&gt;&lt;span class="name"&gt;MySite Home&lt;/span&gt;&lt;br /&gt;&lt;/h4&gt;
  &lt;/div&gt;
&lt;/dt&gt;
</code></pre>

<p>Here is the Javascript - </p>

<pre><code>  &lt;!-- Copy a static URL using zclip --&gt;  
    &lt;script type="text/javascript"&gt;
      $(function() {
        $(".copybutton").click(function() {
          var prelink = $(this).attr("prelink");
          var postlink = $(this).attr("postlink");
          var link = prelink+postlink;
            $(this).zclip({
              path: "http://staging.mysite.com/hstoolkit/js/ZeroClipboard.swf",
              copy: link
            });
        });
      });
    &lt;/script&gt;
</code></pre>
