title: pre-populated form data is undefined in service
body: <p>jQuery:</p>
  
  <pre><code>$("#inputParentName").val(response.name);
  </code></pre>
  
  <p>HTML/Angular Form:</p>
  
  <pre><code>&lt;form role="form" ng-submit="addParentService.addParent()"&gt;
      &lt;div class="form-group"&gt;
          &lt;label for="inputParentName"&gt;Name&lt;/label&gt;&lt;input class="form-control" id="inputParentName" value="" type="text" ng-model="addParentService.inputParentName" /&gt;
      &lt;/div&gt;
       ...
      &lt;button class="btn btn-default" type="submit"&gt;Submit&lt;/button&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>The following code when run diplays my name correctly in the input box.</p>
  
  <p>However in my service when I try to see what the value is for inputParentName I get an undefined error.  But, when I type something in to the textbox for inputParentName the typed in value displays.</p>
  
  <p>Controller Code:</p>
  
  <pre><code>myapp.controller('AddParentController', function ($scope, addParentService) {
      $scope.addParentService = addParentService;
  });
  </code></pre>
  
  <p>Service Code:</p>
  
  <pre><code>myapp.service('addParentService', function () {
      var vm = this;
      vm.parent = [];
  
      vm.addParent = function () {
      alert(vm.inputParentName);
      };
  });
  </code></pre>
  
  <p>What can I do differently so I can get the pre-loaded data to register so that my service recognizes the data?</p>
  
  <p>This is just basic code that I'm trying to get working.  I realize it isn't pure AngularJS.  I am just trying to see how I can get this to work.  I will refactor with directives after everything works as I think it should.</p>