title: how to dynamically update svg using Raphael?
body: <p>I'm trying to write something to simplify experimentation with SVG path, but i have a problem where it doesn't actually update the screen when i can verify that the svg code is updated. Basically the work flow is as follows: I type something into the input box (A path string), and click draw, it will clear the canvas, then draw the shape according to the typed path string. </p>
  
  <p>After some more testing, i realized that it seem to be a bug in beta chrome. As the following code seem to work fine in firefox. If anyone have any insights, it would be much appreciated!</p>
  
  <p>Javascript:</p>
  
  <pre><code>$(function(){
    var paper = Raphael($('#paper')[0], 500, 500);
    $('#path').change(function(){
      console.log($(this).val());
      var rect = paper.rect(10, 10, 50, 50);
      console.log(rect);
      var path = paper.path($(this).val());
    });
  });
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="content"&gt;
    &lt;div id="paper"&gt;&lt;/div&gt;
    &lt;div id="pathDiv"&gt;
      &lt;input id="path" type="text" name="path" /&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>If anyone have any suggestions, it would be much appreciated!</p>
  
  <p>Jason</p>