title: How to refresh the form to its previous non data state once the data has been submitted
body: <p>I am having a form scenario where user select one form from multiple forms and starts to fill it. After filling when he/she clicks on submit button the data will be posted to server and the server after successful operation returns status as OK then i am showing user pop up where user will get confirmation. Now when user clicks on ok button on the pop up, I want to show the user, same form again to fill. For that the form need to be refreshed. How is it done with angularJS. I am developing app in cordova with ionic framework and it has AngularJS in it.</p>
  
  <p>My form div is this:</p>
  
  <pre><code>        &lt;form name="fieldForm" method="post" ng-submit="submitFormData($event, htmlValue)"&gt;
          &lt;div class="bootstrap" ng-bind-html="htmlValue.Html | unsafe"&gt;
  
          ......form html.......
  
          &lt;/div&gt;
          &lt;div class="padding"&gt;
              &lt;button  class="button button-block button-calm"&gt;
                  Submit
              &lt;/button&gt;
          &lt;/div&gt;
      &lt;/form&gt;
  </code></pre>
  
  <p>My controller looks like this:</p>
  
  <pre><code>                var formId = html.Id;
                  var url = base_url+"put/putFormFilledRawData.php";
                  var data = $(obj.target).serialize();
                      $http.post(url, data).
                      success(function(data, status, headers, config) {
                          if(data.alert == 'SUCCESS'){
                              var myPopup = $ionicPopup.show({
                                  title: 'Confirmation',
                                  subTitle: 'Your data has been submitted successfully',
                                  scope: $scope,
                                  buttons: [
                                      {
                                          text: '&lt;b&gt;Ok&lt;/b&gt;',
                                          type: 'button-calm',
                                          onTap: function(e) {
                                              $(this).hide();
                                          }
                                      },
                                  ]
                              });
                          }else{
                              var myPopup = $ionicPopup.show({
                                  title: 'Error Report',
                                  subTitle: 'Unknown error has been occurred',
                                  scope: $scope,
                                  buttons: [
                                      {
                                          text: '&lt;b&gt;Ok&lt;/b&gt;',
                                          type: 'button-calm',
                                          onTap: function(e) {
                                              $(this).hide();
                                          }
                                      },
                                  ]
                              });
                          }
  </code></pre>