From Learn About the Ext JavaScript Library

Say I want to save on my event listeners, and I do the following instead:

<div id="container">
  <div class="dd-ct" id="dd1-ct">
      <div class="dd-item" id="dd1-item1">Item 1.1</div>
      <div class="dd-item" id="dd1-item2">Item 1.2</div>
  </div>
  <div class="dd-ct" id="dd2-ct">
      <div class="dd-item" id="dd2-item1">Item 2.1</div>
      <div class="dd-item" id="dd2-item2">Item 2.2</div>
  </div>
</div>

So, I have added a container around my dragdropzones.

So my dragZone1 initialization now becomes:

dragZone1 = new Tutorial.dd.MyDragZone('container', {
                    ddGroup: 'group',
                    scroll: false
                });

And my dragData extension is:

getDragData: function(e) {
            var target = Ext.get(e.getTarget('.dd-item'));
            if (target) {
              return {ddel:this.ddel, item:target};
            }
            else {
              return false;
            }
        }

Why is this not enough for it to work? It finds the target as before, and finds the 'div' as the ddel, but I can't drag the element, and onInitDrag doesn't fire either?