在按钮单击时向元素添加动画

Question

我正在尝试在单击按钮时向SVG路径添加动画效果

JSFiddle按要求：http://jsfiddle.net/xH7FF/

我有以下动画：

 .path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation: dash 5s linear alternate infinite;
}

@keyframes dash {
  from {
    stroke-dashoffset: 1000;
  }
  to {
    stroke-dashoffset: 0;
  }
}

所以点击按钮时

$("#buttonhere").click(function(){
    $("#pathname").addClass("path");
}

它应该将类添加到路径中，动画应该开始，但事实并非如此。任何人都知道这些是否可能，如果是的话，我做错了什么，或者我能做些什么来解决它。谢谢！