Bind List (UL) to a data source

[Jayantha]

I want to have two list (left , right ) and need to drag and drop li elements between them. The problem is how can I make this list observable. Now even though I have created the drag and drop functionality when I try to get the view model It hasn't changed.
Here is my view model,

     

   var model = kendo.observable({

    User: kendo.observable(data),

    displayGreeting: function () {

        var name = this.get("name");

        alert("Hello, " + name + "!!!");

    },

    save: function () {

        var user = JSON.stringify(this.get("User"));

        DataService.SaveUser(user, function (data) {

            alert(data);

        });

    }

});

kendo.bind($("#mainDiv"), model);

And here is my ul 

 <ul id="resourceGroupUl" class="resourceGroupUl  SelectedLis" data-role="listview" data-template="ul-template" data-bind="source:User.ResourceGroups">
</ul>