title: Reset form after submission in AngularJS
body: <p>I'm having trouble resetting form fields after submitting in AngularJS (v1.1.3). Here's a snippet of what I'm trying to do:</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;form name="addMemberForm"&gt;
      &lt;input name="name" type="text" placeholder="Jon Doe" ng-model="member.name" required/&gt;&lt;/td&gt;
      &lt;a class="btn btn-primary" ng-click="createMember(member)" ng-disabled="addMemberForm.$invalid"&gt;&lt;i class="icon-plus"&gt;&lt;/i&gt;&lt;/a&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p><strong>JS</strong></p>
  
  <pre><code>$scope.createMember = function(member) {
      var membersService = new Members(member);
      membersService.$create(function(member) {
          $scope.members.push(member);
          $scope.addMemberForm.reset(); //TypeError: Object #&lt;FormController&gt; has no method 'reset'
      });
  };
  </code></pre>
  
  <p>Is there another way to reset form elements?</p>