I want to create two dimensional array with jQuery and get following result:

```
Array(
  [data_name_1] => Array([0] => A, [1] => B)
  [data_name_2] => Array([0] => P, [1] => L) 
  [data_name_3] => Array([0] => K, [1] => M) 
)

```

The HTML is

```
<li data-attr-name="data_name_1">
   <div class="_container_">
       <span>A</span>
       <span>B</span>
   </div>
</li>
<li data-attr-name="data_name_2">
   <div class="_container_">
      <span>P</span>
      <span>L</span>
   </div>
</li>

```

for first array I use following code, but for second array (test) I don't know how should I continue.
The `jQuery(this).data('attr-name')` creates data\_name\_1, data\_name\_2 and ...

```
var object_name = {};
  jQuery('li').each(function(){
   object_name[jQuery(this).data('attr-name')] = 'test';
  });

```

Please help me. Thanks.