nested html structure, not nested .sortable()

I have a structure similar to:

```

I want to sort the outer containers, and the sub containers independently.

The outer container sorts just fine. the OLs do not. When I drag, the inspector tags them as "sortable-dragging", but they don't move, reorder, or untag when releasing them.

My code is like so:

```
$('.members-list').sortable({
handle: '.member-handle',
containerSelector: 'ol',
# nested: false
});

$('#companies-list').sortable({
handle: '.company-handle',
# nested: false,
containerSelector: 'ul'
});
```

And my full html, if interested, is here:
https://gist.github.com/BeamerCola/39df256ddbcffa96b764