How to post the value of all radio groups on page in jquery?

How to post the value of all radio groups on page in jquery?

I trying to make a simple image gallery, where I have several radio button groups to filter the search results.(I am pretty new to jquery, and started learning it today, so please be patient.)

1) I have tried this code to create an associative array, but the array comes up as blank. Any ideas? 

  1. $('input:radio:checked').each(function(){
            searchCriteria
    [this.name]=this.value;
        
    });


2) Along with that, can someone show me how to post the data to a php page( using jQuery ajax), using POST method? Will this work?

  1. $.post('testResults.php',searchCriteria,displayResult);