title: Reload form after success callback
body: <p>I have a profile editing form with multiple file input (image), I wanted to refresh the form and fetch/show the latest updated data (image) back to the same form upon on success callback without whole page refresh.</p>
  
  <pre><code>$("#mylisting_form").ajaxForm({
          dataType: "json",
          beforeSend: function() {
              var btn = $('#btn_mylisting');
              btn.button('loading')
      },
      uploadProgress: function(event, position, total, percentComplete) {
          console.log(percentComplete); // Show the completed percent 
      },
      success: function(response) {
  
          if(response.success == 'success'){
              $('#form').reset();
              $('#successful').html('&lt;b&gt;Edited saved!&lt;/b&gt;').show();
  
          }else{
              $('[id$="_error"]').html('');
              $.each(response.error, function(key, value){
                  if(value){
                      $('#' + key + '_error').html(value);
                  }
              });
          }
          $('#btn_mylisting').button('reset');
      },
      error: function(xhr, textStatus, errorThrown) {
          console.log(errorThrown );
      }
  
  }); 
  
  //form
  &lt;div id="form"&gt;
                  &lt;form class="form-horizontal" role="form" method="post" id="mylisting_form" enctype="multipart/form-data" action="inc/callback/request_update_item.php"&gt;
  
                      &lt;input type="hidden" name="user_id" value="&lt;?php echo $data-&gt;user_id ?&gt;"&gt;
                      &lt;input type="hidden" name="list_id" value="&lt;?php echo $list_id ?&gt;"&gt;
  
                      //uploaded image will show here
                      &lt;div id="show_images"&gt;&lt;? php fetch image goes here ?&gt;&lt;/div&gt;
  
                      &lt;div class="form-group"&gt;
                          &lt;label class="col-sm-4 control-label" for="photo"&gt;Photo&lt;/label&gt;
                          &lt;div class="col-sm-7"&gt;&lt;input type="file" name="files[]" class="multi" accept="gif|jpg" maxlength="3" /&gt;&lt;p class="help-block"&gt;Up to 3 photos max.&lt;/p&gt;&lt;/div&gt;
                      &lt;/div&gt;
  
                      &lt;div class="form-group"&gt;
                          &lt;label class="col-sm-4 control-label" for="publish"&gt;&lt;/label&gt;
                          &lt;div class="col-sm-7"&gt;&lt;input type="checkbox" name="publish" &lt;?php echo $checked ?&gt;&gt; Publish&lt;/div&gt;
                      &lt;/div&gt;
  
                      &lt;div class="form-group"&gt;
                          &lt;label class="col-sm-4 control-label" for="email"&gt;Name&lt;/label&gt;
                          &lt;div class="col-sm-7"&gt;&lt;input type="text" class="form-control" id="name" name="name" value="&lt;?php echo $list-&gt;name ?&gt;"&gt;&lt;span class="error" id="name_error"&gt;&lt;/span&gt;&lt;/div&gt;
                      &lt;/div&gt;
  
                      &lt;hr /&gt;
                      &lt;div class="form-group"&gt;
                          &lt;div class="col-sm-offset-4 col-sm-7"&gt;&lt;button class="btn btn-success" id="btn_mylisting" type="submit" data-loading-text="Loading..."&gt;Save&lt;/button&gt;&lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Ajax request (request_update_item.php) only callback success or error state, it will not get the post data back to response, I was think simple, that is reason why I am asking is that possible to just refresh a whole <code>div</code> or <code>form</code> just for particular item to show updated info which is fetch from database.</p>
  
  <p>Thanks for the advise! </p>