title: jQuery .push on serializeArray()
body: <p>So I am using serializeArray() to get the data from a form, I also have a bootstrap dropdown menu where I need the 'data-id' attribute to be posted also. Sure I have used push for this before... When posted in the console the post var name is undefined and has no value... Here is my code:</p>
  
  <pre><code>$('#changeUserInfo').unbind().bind('submit', function(){
  
      var location = $('[data-dropper="location-dropdown"]').attr('location-id');
  
      var newData = $('[data-changeuser="info"]:last').serializeArray();
  
      newData.push({ location : location });
  
      $.post(URL+'manage_accounts/update_user', newData, function(e){
          if(e.status){
              $('.featherlight').append('&lt;div class="success_box"&gt;&lt;span class="glyphicon glyphicon-thumbs-up"&gt;&lt;/span&gt;&lt;p&gt;User updated&lt;/p&gt;&lt;/div&gt;');
              window.location = window.location.href.split('#')[0];
          } else {
              $('.featherlight').append('&lt;div class="fail_box"&gt;&lt;span class="glyphicon glyphicon-thumbs-down"&gt;&lt;/span&gt;&lt;p&gt;Failed to update user&lt;/p&gt;&lt;/div&gt;');
              $('.fail_box').delay(800).fadeOut();
          }
      },'json');
  
      return false;
  
  });
  </code></pre>
  
  <p>Thanks</p>