I have this simple JSON

```
{"Name":"Srbija","Brands":[{"Name":"Citroen","Models":[]},{"Name":"Dacia","Models":[]},{"Name":"Ford","Models":[]},{"Name":"Hyundai","Models":[]},{"Name":"Kia","Models":[]},{"Name":"Mazda","Models":[]},{"Name":"Nissan","Models":[]},{"Name":"Opel","Models":[]},{"Name":"Peugeot","Models":[]},{"Name":"Renualt","Models":[]},{"Name":"Skoda","Models":[]},{"Name":"Suzuki","Models":[]},{"Name":"Toyota","Models":[]},{"Name":"Volkswagen","Models":[]}]}

```

What i need is to display Brands name in **UL** list

This is what i have for now, but i got **undefinded**

**JS**

```
 function countryBrands(data, textStatus, jqXHR){
            console.log(data);
            var output="<ul>";
            for (var i in data) 
            {
                output+="<li>" + data[i].Brands + ",  " + data[i].Name + "</li>";
            }
            output+="</ul>";
            $('#test').html(output);
        }

```

**HTML**

```
<div id="test"></div>

```