title: Codes works jsfiddle not working on dreamweaver
body: <p>This seems to be a more common problem, but when I try to use code off of jsfiddle (html/css/javascript) it doesn't work. I'm trying to get a CSS animation to repeat onclick, and found some on links on other questions to jsfiddle that work. However, they do not work when I try to do them on DreamWeaver, and I get no error. </p> I have <a href="http://jsfiddle.net/vxcYJ/45/" rel="nofollow">http://jsfiddle.net/vxcYJ/45/</a> , <a href="http://jsfiddle.net/AndyE/9LYAT/" rel="nofollow">http://jsfiddle.net/AndyE/9LYAT/</a>, and <a href="http://jsfiddle.net/6tZd3/" rel="nofollow">http://jsfiddle.net/6tZd3/</a>, and none work. On dreamweaver, I believe the third jsfiddle would translate into something like this:</p>
  
  <pre><code>&lt;!DOCTYPE&gt;
  &lt;head&gt;
  &lt;style&gt;
  .animate {
      -webkit-transition-property: -webkit-transform;
      -webkit-transition-duration: 1s;
      -webkit-transition-timing-function: linear;
  }
  
  .initial {
      -webkit-transform: rotate(0deg);
  }
  
  .final {
      -webkit-transform: rotate(360deg);
  }​
  &lt;/style&gt;
  &lt;script&gt;
  document.getElementById('button').addEventListener('click', function()
  {
      this.setAttribute('class', 'animate final');
  });
  
  document.getElementById('button').addEventListener('webkitTransitionEnd', function() {
      this.setAttribute('class', 'initial');
  });​
  &lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;button type="button" id="button" class="animate initial"&gt;Click me!&lt;/button&gt;​
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>one more thing, at the end of the button, this-><code>â€‹</code> appears for some reason. If anyone could help me out, that would be greaty appreciated.</p>