title: Adding ng-model values as grouped children in array
body: <p>Learning python has made me forget all my angular, and that's my story and I'm sticking to it. It's even made me forget my google skills, since I can't find a similar question anywhere. The closest might be <a href="https://stackoverflow.com/questions/20070790/how-to-append-to-a-json-object-in-angular-js">How to append to a json object in angular js</a>, except that didn't work, either. </p>
  
  <p>I've got ten sets of two input fields, title and description. I want to add them as children to an array, so I'll end up with ten properties in my json, and each property in turn has two children properties. I've tried push, concat, even the old-fashioned += in desperation, but nothing's working. I must be totally missing the obvious. </p>
  
  <p>Here's what each row looks like, though the numbers change (from 1 to 10):</p>
  
  <pre><code>&lt;label class="sr-only" for="shorttitle1"&gt;short title&lt;/label&gt;
  &lt;input type="text" class="form-control"  ng-click="addIdea()" ng-model="idea1.title" placeholder="title"&gt;
  &lt;label class="sr-only" for="description1"&gt;description&lt;/label&gt;
  &lt;input type="text" class="form-control" ng-click="addIdea()" ng-model="idea1.description" placeholder="description"&gt;
  </code></pre>
  
  <p>In my controller, here's the version I've tried based on the link above, which isn't working any better than concat or push did:</p>
  
  <pre><code>$scope.ideas = [
          {idea : $scope.idea1.title, $scope.idea1.description},
          {idea : $scope.idea2.title, $scope.idea2.description},
          {idea : $scope.idea3.title, $scope.idea3.description}
  ];
  </code></pre>
  
  <p>I keep getting an error of unexpected token for the dots (as in, the dot in $scope-dot-idea1). When I put in simple text as a test, I get an unexpected token error for the closing bracket.</p>
  
  <p>I've even tried doing a watchCollection, just to see if the controller would pay attention, but I'm getting nothing from that. I've tried watching just idea1, then $scope.idea1, then $scope.idea1.title, and the watchCollection just sits there.</p>
  
  <p>This is what I want it to end up looking like, roughly:</p>
  
  <pre><code>$scope.ideas = [
      {
          type : 'title goes here',
          description : 'description goes here'
      },{
          type : 'title goes here',
          description : 'description goes here'
      },{
          type : 'title goes here',
          description : 'description goes here'
      }
  ];
  </code></pre>
  
  <p>I've checked the really obvious -- ng-app isn't on the same level as ng-controller, I'm calling the right controller, I don't have any wacky misspellings. </p>
  
  <p>Help? </p>