title: on click of path in d3 enlarge it
body: <p>I am trying to enlarge a path when i click on it (animating it to the size as well)</p>
  
  <p>(the is no id for the element I am clicking on as these are generated dynamically)</p>
  
  <p>I am trying to do this in the on click event of the object </p>
  
  <p>the path is of a d3.svg.symbol by the way</p>
  
  <p>I have used the following but it is not enlarging, any ideas please?</p>
  
  <pre><code>//this runs through but seems to do nothing
  var tmp = d3.select(this);
  tmp.transition()
  .duration(500)
  .size(500);
  
  //this error on .transition() line saying the function is undefined 
  var tmp = d;
  tmp.transition()
  .duration(500)
  .size(500);
  </code></pre>
  
  <p>i have been looking at this issue for a bit now and just cannot work it out.</p>
  
  <p>Cheers
  Mark</p>