I have a simple list.

```html
<ul id="testCaseList" class="list-group testCaseList">
  <li class="list-group-item justify-content-between" style="">test1 (hi)</li>
  <li class="list-group-item justify-content-between" draggable="false" style="">test2 (bye)</li>
  <li class="list-group-item justify-content-between" style="">test3 (hello)</li>
</ul>
```

I want to create an array with of arrays. With name (type). So the result would be something like this: 

```
[
 ["test1", "hi"] 
 ["test2", "bye"] 
 ["test3", "hello"] 
]

```

I'm trying something like this but I'm getting multiple errors. 

```
var testCaseList = $('#testCaseList');
  $.each(testCaseList, function (index, item) {
    console.log(item);
    data.push(item.text());
  });
  console.log(data);

```

> 
> Uncaught TypeError: item.text is not a function  
> 
>  at HTMLUListElement. (create-flow.js:182)  
> 
>  at Function.each (jquery-3.2.1.min.js:2)  
> 
>  at a.onUpdate (create-flow.js:180)  
> 
>  at k (Sortable.min.js:2)  
> 
>  at a.\_onDrop (Sortable.min.js:2)  
> 
>  at a.handleEvent (Sortable.min.js:2) 
> 
> 
>