title: someting wrong with jquery/ajax
body: <p>i have this bit of code bellow, and when i tried to display data in a console.log() it gaves me this in browser console :</p>
  
  <pre><code>formDataformData : [object FormData]
  app.js:4946 btnName : dwfrm_requestpassword_sendbtnValue : Valider
  app.js:4947 url : https://dev05-eu01-smcp.demandware.net/on/demandware.store/Sites-Claudie-FR-Site/fr_FR/Account-PasswordResetDialog/C2052345030
  app.js:4948 html : [object Object]
  </code></pre>
  
  <p>This is my code : </p>
  
  <pre><code>$("#PasswordResetForm").on("submit", function(e) {
                      e.preventDefault();
                      var url = $(this).attr('action');
                      var form = $(this);
                      var formData = new FormData(this);
  
  
                      var btnName = $('.requestpassword-submit').attr('name').toString(),
                      btnValue =  $('.requestpassword-submit').val().toString();
  
                      formData.append(btnName,btnValue);
                      var url = $("#PasswordResetForm").attr('action');
                      if (url.indexOf('?') == -1 )
                      {
                      url+='?';
                      }
                      else
                      {
                      url += '&amp;'
                      }
                      url += form.serialize();
                      url = app.util.appendParamToURL(url, jQuery(this).attr('name'), "submit");
  
                      console.log("formDataformData : " +  formData ); 
                      $.ajax({
                          url : url,
                          data: formData,
                          processData: false,
                          contentType: false,
                          success : function (response) {
                              var $html = $(response).find('.resetPasswordConfirm'); 
                              $(response).append($html); 
                              console.log("btnName : " + btnName +  "btnValue : "+ btnValue);
                              console.log("url : " + url);
                              console.log("html : " + $html);
                      }
                  });
              })
  </code></pre>
  
  <p>Actually, i want to add a div with "resetPasswordConfirm" id , to the DOM, knowing that this div does not exist yet in the DOM. but when user clicks on the submit button , the code must add the div in the DOM</p>
  
  <p>This is the div : </p>
  
  <pre><code>&lt;div class="resetPasswordConfirm"&gt;
      &lt;h1&gt; HELLO &lt;/h1&gt;
  
      &lt;p&gt; hello world&lt;/p&gt;
      &lt;iscomment&gt;
          &lt;p&gt;&lt;a href="${URLUtils.httpsHome()}"&gt;${Resource.msg('passwordresetconfirm.homepagelink','account',null)}&lt;/a&gt;&lt;/p&gt;
      &lt;/iscomment&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And this is the form : </p>
  
  <pre><code>&lt;form action="${URLUtils.continueURL()}"  method="post"   id="PasswordResetForm" name="${pdict.CurrentForms.requestpassword.htmlName}"&gt;
          &lt;div class="clearfix"&gt;&lt;/div&gt;
  
                 ....
              &lt;button class="requestpassword-submit button-style blue-button" type="submit" value="${Resource.msg('passwordreset.button','account',null)}" 
                          name="${pdict.CurrentForms.requestpassword.send.htmlName}" &gt;
                      ${Resource.msg('passwordreset.button','account',null)}
              &lt;/button&gt;
  
              &lt;input type="hidden" name="${pdict.CurrentForms.requestpassword.secureKeyHtmlName}" value="${pdict.CurrentForms.requestpassword.secureKeyValue}"/&gt;
  
          ....
          &lt;/fieldset&gt;
  
      &lt;/form&gt;
  </code></pre>
  
  <p>Thank you</p>