title: How to set form data with jQuery
body: <p>I'm getting the form data correctly using <code>serializeArray()</code> function, but im not sure how to change this data the object, which is = <code>default_values</code></p>
  
  <p>Here's my JavaScript:</p>
  
  <pre><code>$(document).on( 'click', '.anyicon-reset-button', function() {
       console.log($('#anyicon-live-style-form').serializeArray());
       console.log(default_values);
  });
  </code></pre>
  
  <p>I want to remove the data from the serialized array, which is
  <a href="https://i.stack.imgur.com/OT7dG.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/OT7dG.jpg" alt="enter image description here"></a> </p>
  
  <p>And set the data, which is in default_values object:</p>
  
  <p><a href="https://i.stack.imgur.com/gwhOr.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/gwhOr.jpg" alt="enter image description here"></a></p>
  
  <p>Any ideas are welcome!</p>