Javascript 如何在不删除元素的情况下删除jquery UI元素？

假设我有一些看起来像thsi的html：

<ul id="sortable">
  <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 1</li>
  <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 2</li>
  <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 3</li>
  <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 4</li>
  <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 5</li>
  <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 6</li>
  <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 7</li>
</ul>

在控制台中，它将其转换为可排序的。（jquery必填） 现在，如果我想把它重置回原来的html，我该怎么做呢？如果我键入：

$("#sortable").remove()

它将删除所有html

是否有一种方法可以删除

.sortable（）

创建的内容？

使用该方法

从文件中：

完全删除可排序功能。这将使元素返回其初始前状态

$("#sortable").remove()

$("#sortable").sortable("destroy");