How Merge two Ajax form
<p>I have two Ajax form to filter posts on same page in my wordpress website. These two are filtering post separately well way.</p>

<blockquote>
  <p>Here is the link <a href="http://www.cbleu.net/sites/farooq/tablet/" rel="nofollow noreferrer">Test Server</a></p>
</blockquote>

<p>Now i m trying to merge these two into one. After that its show result as a <code>One form</code>.</p>

<p><strong>How merge 2 Ajax form into 1??</strong></p>

<p><strong>Script form:1</strong></p>

<pre><code>jQuery(document).ready(function($){
 $('#test .br').click(function(){

// declaring an array
var choices = {};

$('.contents').remove();
$('.filter-output').empty()

console.log(choices);
$.ajax({
    url: ajaxobject.ajaxurl,
    type :'POST',
    data : {
        'action' : 'call_post',
        'choices' : choices,
    },

    success: function (result) {
        $('.filter-output').append(result);

    }     
  });
  })
 });
</code></pre>

<p><strong>Script Form:2</strong></p>

<pre><code>jQuery(function($){
$('#filter').submit(function(){
    var filter = $(this);
    $.ajax({
        url:filter.attr('action'),
        data:filter.serialize(), // form data
        type:filter.attr('method'), // POST
        beforeSend:function(xhr){
            filter.find('button').text('Processing...'); // changing the button label
        },
        success:function(data){
            filter.find('button').text('Apply filter'); // changing the button label back
            $('#response').html(data); // insert data
        }
    });
    return false;
});
});
</code></pre>