jQuery Grid Plugin - jqGrid

Hi,

I'm trying to reproduce the Drag And Drop rows between grids example that you have in the Demo page... However it is not working, when I try to drag a row from one grid to another it doesn't even change the mouse cursor!

Here's my Javascript Code:

    jQuery("#gridEquipos").jqGrid({
        url:urlPagina+"&idGrid=gridEquipos",
        datatype: "json",
        mtype:'GET',
        colNames:['ID Equipo','Nombre Equipo'],
        colModel:[
                  {name:'id_equipo',index:'id_equipo', width:60},
                  {name:'nombre_equipo',index:'nombre_equipo', width:250},
                 ],
        rowNum:10,
        rowList:[10,20,30],
        pager: '#pagerEquipos',
        sortname: 'id_equipo',
        viewrecords: true,
        sortorder: "desc",
        caption: "Lista Total de Equipos",
        height:200,
        editurl:urlEditPagina
    });
    
    jQuery("#gridEquipos").jqGrid('navGrid','#pagerEquipos',{edit:false, add:false, del:false},
        {},//edit
        {},//add
        {},//delete
        {}//search
    );

    //EQUIPOS DEL TORNEO
    jQuery("#gridEquiposTorneo").jqGrid({
        url:urlPagina+"&idGrid=gridEquiposTorneo",
        datatype: "json",
        mtype:'GET',
        colNames:['ID Equipo','Nombre Equipo'],
        colModel:[
                  {name:'id_equipo',index:'id_equipo', width:60},
                  {name:'nombre_equipo',index:'nombre_equipo', width:250},
                 ],
        rowNum:10,
        rowList:[10,20,30],
        pager: '#pagerEquiposTorneo',
        sortname: 'id_equipo',
        viewrecords: true,
        sortorder: "desc",
        caption: "Equipos del Torneo",
        height:200,
        editurl:urlEditPagina
    });
    
    jQuery("#gridEquiposTorneo").jqGrid('navGrid','#pagerEquiposTorneo',{edit:false, add:false, del:true},
        {},//edit
        {},//add
        {delData:{idGrid:"gridEquiposTorneo"},
         reloadAfterSubmit:true,
         afterComplete : function(response, postdata){
                        $("#gridGrupos1").trigger("reloadGrid");
                        }
        },//delete
        {}//search
    );

//CONECTAR CON ESTILO DRAG AND DROP LOS GRIDS DE EQUIPOS
    jQuery("#gridEquiposTorneo").jqGrid('gridDnD',{connectWith:'#gridEquipos'});

And here it is what I have in the html page in the top:

<link rel="stylesheet" type="text/css" media="screen" href="assets/styles/jqueryUI/jquery-ui-1.8.6.custom.css" />
<link rel="stylesheet" type="text/css" media="screen" href="assets/styles/ui.jqgrid.css" />
<script src="/assets/scripts/i18n/grid.locale-es.js" type="text/javascript"></script>
<script src="/assets/scripts/jquery.jqGrid.min.js" type="text/javascript"></script>

am I missing something?