title: Element no longer draggable after adding parameter to d3 drag behavior
body: <p>The following code creates a circle and makes it draggable:</p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;svg width='400' height='400'&gt;
    &lt;rect width='100%' height='100%'&gt;&lt;/rect&gt;
    &lt;circle transform='translate(259.5,197)' r='10'&gt;&lt;/circle&gt;
  &lt;/svg&gt;
  </code></pre>
  
  <p><strong>JS:</strong></p>
  
  <pre><code> var drag = d3.behavior.drag().on('drag', dragMove)
   d3.select('svg').append('circle').attr('transform', 'translate(' + '100px' + ',' + '100px' + ')').attr('r', '5').call(drag)
  
   function dragMove(test) {
     var x = d3.event.x
     var y = d3.event.y
     console.log(test)
     d3.select(this).attr('transform', 'translate(' + '200px' + ',' + '200px' + ')')
   }
  </code></pre>
  
  <p>It works. But when I add an argument to <code>dragMove</code>: </p>
  
  <pre><code>'drag', function() { dragMove('test') }
  </code></pre>
  
  <p>The dragging functionality stops working (<code>console.log(test)</code> outputs <code>'test'</code>, though)</p>
  
  <p>Why is this happening and how to fix it?</p>
  
  <p><a href="https://jsfiddle.net/alexcheninfo/d8doyc9r/4/" rel="nofollow">https://jsfiddle.net/alexcheninfo/d8doyc9r/4/</a></p>