title: Restore Html with JQuery, except some elements
body: <p>After an Ajax request, I want to reset my form elements to their original value, except for three select input, because their values are going to be used frecuently.</p>
  
  <p>I declared this variable outside of "document ready":</p>
  
  <pre><code>var estado_inicial_cuerpo;
  </code></pre>
  
  <p>I tried this in "document ready" function:</p>
  
  <pre><code>estado_inicial_cuerpo=$("#formulario_venta").clone().children('#id_bodega_idbodega').remove().children('#id_caja_idcaja').remove().end();
  </code></pre>
  
  <p>And in the "success" part of the ajax (or if you like, in some button that activates this code), this one:</p>
  
  <pre><code>$('#formulario_venta').html(estado_inicial_cuerpo);
  </code></pre>
  
  <p>But, in the console I can see that the page is like loaded two times by using that code, and also, the entire form gets in blank, all the elements disappear.</p>
  
  <p>The ID of my form is <code>formulario_venta</code> and <code>id_caja_idcaja</code> , <code>id_bodega_idbodega</code> are the ID's of the select inputs that I want to skip.</p>
  
  <hr>
  
  <p>Now I tried this inside of the "document ready" code:</p>
  
  <pre><code>estado_inicial_cuerpo=$("#formulario_venta").not("#id_bodega_idbodega, #id_caja_idcaja").html();
  </code></pre>
  
  <p>Now the form don't dissapear, but everything is restored, including the elements that I wrote inside "not".</p>