title: how to reset form with angular
body: <p>this is my code:</p>
  
  <pre><code>function CustomersController ($scope, $http) {
      $http.get('/ci_angular/api/customers/').success(function(customers){
          $scope.customers = customers;
      });
  
      $scope.addCustomer = function(){
          var customer = {
              customerName: $scope.customerNameText,
              email: $scope.emailText,
              address: $scope.addressText,
              city: $scope.cityText,
              state: $scope.stateText,
              postalCode: $scope.postalCodeText,
              country: $scope.countryText,
          };
  
          $scope.customers.push(customer);
  
          // update 1
  
          $http.post('/ci_angular/api/customers/customer', customer);
  
          $scope.emptyCustomers= {};
  
          $scope.reset = function() {
              $scope.customers = angular.copy($scope.emptyCustomers);
          };
  
          // update 2
  
          $http.post('/ci_angular/api/customers/customer', customer)
              .success(function() {           
                   $scope.emptyCustomers= {};
  
                   $scope.customerForm.$setPristine();
              }
          );
      }
  }
  </code></pre>
  
  <p>After the post success, I want to reset all the form field, but its not working,
  my form name is customerForm, is there something I missed? thanks in advance</p>