title: Form submitted trough AJAX doesn't serialize all the components, why?
body: <p>I have the following HTML form:</p>
  
  <pre><code>&lt;form id="some_id"&gt;
      &lt;select id="select1"&gt;...&lt;/select&gt; // this turns in a Select2 component
      &lt;select id="select2"&gt;...&lt;/select&gt; // this turns in a Select2 component
      &lt;select id="select3"&gt;...&lt;/select&gt;
      &lt;input type="text" name="inp1" id="inp1" /&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>I am trying to send it over AJAX as follow:</p>
  
  <pre><code>$.ajax({
      type: 'post',
      url: '/save',
      data: $('#new_component_restriction').serialize(),
      success: function () {
          alert('form was submitted');
      }
  });
  </code></pre>
  
  <p>But surprise only the input is sent on the POST request, why? I am missing something here? Do I need to get the values of the SELECT and sent along?</p>