title: Move HTML5 SVG path
body: <p>I have a SVG path element in my application, like:</p>
  
  <pre><code>&lt;path d="M100,100 Q200,400,300,100"/&gt;
  </code></pre>
  
  <p>In a button click I have to move this path to the left, for example, from 100 to 200. I did it with the transform:</p>
  
  <pre><code>$('.path').each(function () {
      $(this).attr('transform', 'translate(100, 0)');
  });
  </code></pre>
  
  <p>However, on the next click it does not move. How can I get the path element to move on each click?</p>