Raphael.js Why drag-n-drop is not working? :(
<p>I am new to using the Raphael javascript library I'm trying to create a simple drag-n-drop, but I have some problem, my example doesn't work, why?</p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
&lt;script class="jsbin" src="https://github.com/DmitryBaranovskiy/raphael/raw/master /raphael-min.js"&gt;&lt;/script&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;title&gt;asynchronicity&lt;/title&gt;        

    &lt;script type="text/javascript"&gt;
    var gGridCellSize = 50;
    var gBaseColor = '#3e6eb4';
    var gLightColor = '#bed2f0';

    Raphael.fn.block = function(x, y, w, h, r) {

var set         = this.set();
var headerArr   = [];
var blockArr    = [];

headerArr = headerArr.concat(["M",x,r+y, "Q",x,y, x+r,y]);
headerArr = headerArr.concat(["L",x+w-r,y, "Q",x+w,y, x+w,y+r]);
headerArr = headerArr.concat(["L",x+w,y+2*r, "L",x,y+2*r]);
headerArr = headerArr.concat(["L",x,y+r, "Z"]);

blockArr = blockArr.concat(["M",x,r+y, "Q",x,y, x+r,y]);              //A
blockArr = blockArr.concat(["L",x+w-r,y, "Q",x+w,y, x+w,y+r]);        //B
blockArr = blockArr.concat(["L",x+w,y+h-r, "Q",x+w,y+h, x+w-r,y+h]);  //C
blockArr = blockArr.concat(["L",x+r,y+h, "Q",x,y+h, x,y+h-r, "Z"]);   //D

var p1 = this.path(blockArr).attr({"fill":"#fff"});
var p2 = this.path(headerArr).attr({"fill": "90-"+gBaseColor+"-"+gLightColor});
set.push(p1, p2);

return set; 
 };  


window.onload = function () {

        // Create Canvas
        var r = Raphael(10, 50, 600, 600);            
        var b = r.block(10,10,100,70, 10).attr({"stroke": '#3e6eb4', 'stroke-width':  1});

  start = function () {
      // storing original coordinates
      this.ox = this.attr("x");
      this.oy = this.attr("y");
  };
  move = function (dx, dy) {
    // move will be called with dx and dy
    this.attr({x: this.ox + dx, y: this.oy + dy});
  };
  up = function () {
      ;
  };
  b.drag(move, start, up);  // по идее должно перетаскиваться, но фигура стоит на месте.
 };

    &lt;/script&gt;
&lt;/head&gt;

&lt;body&gt;
    &lt;div id="holder"&gt;&lt;/div&gt;         
&lt;/body&gt;
</code></pre>

<p>Here is my code: <a href="http://jsbin.com/acaloc/3/edit#html,live" rel="nofollow">http://jsbin.com/acaloc/3/edit#html,live</a></p>
