title: AngularJS not sending hidden input value
body: <p>I'm trying to get data from my form in AngularJS, this all works fine except for the field I did not type anything in. I changed the field from hidden to text, but both do not work, however if you inspect element you can see the correct value in it. Here's my HTML:</p>
  
  <pre><code> &lt;div ng-controller="postMessageCtrl as Ctrl"&gt;
      &lt;form ng-submit="processMessage()"&gt;
          &lt;div class="form-group"&gt;
              &lt;input type="message" class="form-control" placeholder="Message" ng-model="formData.message"&gt;
  
  
              a{{data.receiver.id}}a
              &lt;input type="hidden" class="form-control" ng-model="formData.receiver" ng-value="data.receiver.id" /&gt;
          &lt;/div&gt;
          &lt;button type="submit" class="btn btn-primary btnq-lg btn-block"&gt;Verzenden&lt;/button&gt;
      &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And here's my controller:</p>
  
  <pre><code>app.controller('postMessageCtrl', function ($scope, $http, $state, localStorageService) {
  
      $scope.formData = {};
      //$scope.formData = localStorageService.get('userKey');
  
      $scope.formData = {
          key: localStorageService.get('userKey'),
          message: '',
          receiver: ''
      };
  
      console.log($scope.formData);
  });
  </code></pre>
  
  <p>The key and message are filled correctly, but the receiver id is not. any suggestions?      </p>