title: ng-model no longer updates after typing into text input
body: <p>I am new to AngularJS and I am having a problem that I am having trouble solving, there was a similar question on stackoverflow but it didn't seem to help me out. I basically have a form that gets updated by ng-click, but once once I enter text into any of the text boxes, those text boxes no longer update. </p>
  
  <p>This is my HTML</p>
  
  <pre><code>Edit Course:
  &lt;li ng-repeat="course in courses"&gt;
    &lt;p&gt;
      &lt;a ng-click="Edit_Course(course.id)"&gt;{{course.course_name}}&lt;/a&gt;
    &lt;/p&gt;
  &lt;/li&gt;
  &lt;div ng-show="showedit == 1"&gt;
    &lt;form novalidate ng-submit="edit_course()" class="simple-form"&gt;
      &lt;label for="form_course_name"&gt;Course&lt;/label&gt;
        &lt;input type="text" id="form_course_name" ng-model="edit_course_name"&gt;
      &lt;label for="form_par"&gt;Par&lt;/label&gt;
        &lt;input type="text" id="form_par" ng-model="edit_course_par"&gt;
      &lt;label for="form_course_location"&gt;Course Location&lt;/label&gt;
        &lt;input type="text" id="form_course_location" ng-model="edit_course_location"&gt;
       &lt;input type="submit" id="submit" value="Edit Course" /&gt;
     &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><Br>
  <br>
  This is my function that is called when someone clicks on a link</p>
  
  <pre><code>$scope.Edit_Course = function (id) {
      var course = {
          'course_id' : id
      };
  
      $http({method: "POST", url: "http://www.dgcharts.com/editcourse", data: course})
      .success(function(data, status, headers, config){
  
        thecourse = data["course"];
        $scope.edit_course_name = thecourse.course_name;
        $scope.edit_course_par = thecourse.par;
        $scope.edit_course_location = thecourse.course_location;
        $scope.edit_course_id = thecourse.id;
        $scope.showedit = 1;
    })
  }
  </code></pre>