jquery - How to move all list items on click of a button from one list to another connected list in kendo sortable list? -

i working on kendo sortable list. working fine drag , drop option. want move list items on click of button 1 list connected list in kendo sortable list.

i have written following code, on click of button want move item2, item3 sortable-listselectedcolumns list @ same time want remove items sortable-listallcolumns list.

   <div class="form-group">             <div class="col-md-6">                 <div class="box select-box item-list">                     <ul id="sortable-listallcolumns" style="min-height: 100px;">                 <li>item 2</li>                 <li>item 3</li>                     </ul>                 </div>             </div>             <div class="col-md-6">                 <div class="box select-box seleted-item">                     <ul id="sortable-listselectedcolumns" style="min-height: 100px;">                      </ul>                 </div>             </div>         </div>  $(document).ready(function () {     $("#sortable-listallcolumns").kendosortable({         connectwith: "#sortable-listselectedcolumns",         placeholder: placeholder     });      $("#sortable-listselectedcolumns").kendosortable({         connectwith: "#sortable-listallcolumns",         placeholder: placeholder,         cancel: oncancel,         move: onmove     });  }); 

on button click,

$("#sortable-listselectedcolumns").data("kendosortable").element.append($("#sortable-listallcolumns").data("kendosortable").items());