I want a webpage that has two gridview one of them contain new image of and other one contain old image by draging and drop new image to old image i have to match both one

i want this array value is populated from db 

var words = ['one', 'two', 'three', 'four', 'five', 'six', 'seven', 'eight', 'nine', 'ten'];
    for (var i = 1; i <= 10; i++) {
        $('<div>' + words[i - 1] + '</div>').data('number', i).appendTo('#cardSlots').droppable({
        accept: '#cardPile div',
        hoverClass: 'hovered',
        drop: handleCardDrop
    });
}