I've been reading this site and finally have a question that wasn't already answered specifically enough for my needs, so here goes.

I have an observable array created from a data array passed to my KO view model in a C# application.

```
    self.Stuff = ko.observableArray(data.Stuff);

```

This array doesn't have observable elements and there lies my problem. I need to edit an element (status) via an onclick. I know I need to either make the elements observable (not sure how with the data.Stuff portion) or do a "valueHasMutated" but I'm not entirely sure how that syntax would work.

Of course, my push and remove work fine since they trigger the arrayobservable and refresh the view.

```
    if ($form.valid() && isValidStuff) {
        self.Stuff.push({ ABC: self.ABCInput(), XYZ: self.XYZInput(), Status: self.StatusInput()});
        self.resetValues();
    }

    self.removeStuff = function () {
        self.Stuff.remove(this);
    };

    self.StuffStatusChng= function (){
        //What to do?
        self.Stuff.vauleHasMutated();
    };

```

Any help or push in the right direction would be a great help, thanks! If I don't have enough info, please let me know what I can provide.

Thanks,