title: Copy to clipboard - Work on JSFiddle but not in local
body: <p>I'm trying to implement a code to copy the contents of an item in the clipboard. It work on <a href="http://jsfiddle.net/tj7ZX/5/" rel="nofollow">JSFiddle</a></p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;p id="description"&gt;Text to copy&lt;/p&gt;
  &lt;a href="#" id="copy"&gt;Click here to copy&lt;/a&gt;
  </code></pre>
  
  <p><strong>JS</strong></p>
  
  <pre><code>$(document).ready(function () {
      $('#copy').zclip({
          path: 'http://www.steamdev.com/zclip/js/ZeroClipboard.swf',
          copy: $('#description').text(),
          beforeCopy: function () {
              $('#description').css('background', 'yellow');
          },
          afterCopy: function () {
              $('#description').css('background', 'green');
          }
      });
  });
  </code></pre>
  
  <p>But if I create html file with the same content, it doesn't work ...</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;meta http-equiv="content-type" content="text/html; charset=UTF-8"&gt;
  &lt;title&gt;demo&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;p id="description"&gt;Text to copy&lt;/p&gt;
  &lt;a href="#" id="copy"&gt;Click here to copy&lt;/a&gt;
  &lt;script type="text/javascript" src="http://code.jquery.com/jquery-git2.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="http://www.steamdev.com/zclip/js/jquery.zclip.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  $(document).ready(function () {
      $('#copy').zclip({
          path: 'http://www.steamdev.com/zclip/js/ZeroClipboard.swf',
          copy: $('#description').text(),
          beforeCopy: function () {
              $('#description').css('background', 'yellow');
          },
          afterCopy: function () {
              $('#description').css('background', 'green');
          }
      });
  });
  &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Why ?</p>