Hi I have a observable array return from a web API.

1) How to I bind the return jSon as follows to the view model and how do I access it in view?   

2) Since there is no information about which option is selected from the returned jSon, how do I make the view initially display the selected option based on the `self.selectedAnimal` (which is the selected text)? 

```js
function NewViewModel() {
  var self = this;
  self.selectedAnimal = "Cat";

  self.GetAnimal() {
    $.ajax({
      url:"http:/abc.com/api/GetAnimalList",
      dataType: "json",
      type: "GET",
      data: {}
      success: function() {
         // What to assign here
      }
    });
  }
}

ko.applyBindings(new NewViewModel());

// example of json return
 "animals": [
    {
        "animalid": "1",
        "animalname": "cat" },
    {
        "animalid": "two",
        "animalname": "dog" },
    {
        "animalid": "three",
        "animalname": "horse"}
    ]
```