Can't Get Values to POST to a script via jQuery

I've got a page, you can check out all the code by going here.  
Next click on the "criteria" tab and you'll see the form.

The form HTML is like:  <form id="basic_search_form">

The function called on click is as follows:
 function basic_search(){ 
      $("#ajax-block-2").empty();
	  $("#criteria_tab").removeClass("selected");
	  $.when(show_loader()).done(function(a1){
		  $.ajax({
			url: 'php/pic-search.php?use=rating',
			type: 'POST',
			data: $('form#basic_search_form').serialize(),
			success: function(data) {
				$("#big-loader").remove(); 
				$("#ajax-block-2").html(data);
			},
			error: function(xhr, textStatus, errorThrown){
				alert("There was an error: "+textStatus);
				$("#big-loader").remove();
			}
		});
	});		
 }

Open in new window


The page produces data and this gets appended to the page, so I know its working kind of.  But for some reason there is no POST data being sent.  The post data keeps being empty for some reason.

Thanks for any help!
LVL 2
ElxnbossAsked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

gr8gonzoConsultantCommented:
I don't see a form with that ID in your source.
0
gr8gonzoConsultantCommented:
Ah, okay, so it's loading up on AJAX or something. I would suggest just using Firebug to add breakpoints to your $.ajax line and run the search. Then when it hits the breakpoint, run the serialize manually:

$('form#basic_search_form').serialize();

...and see what the output is. Inspect all of the values in your AJAX request.
0
ElxnbossAuthor Commented:
yeah its ajaxed in... you can check it out in chrome with "inspect element" it shows all the code that is there including ajaxed stuff.
0
ElxnbossAuthor Commented:
OKay, I was a bit of a fool here.  The reason it wouldn't work was cause I emptied the form from the page before I tried to serialize the data, so there was no form to get data from.

Thanks for the help.
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
ElxnbossAuthor Commented:
solved myself.  Close it up.
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
jQuery

From novice to tech pro — start learning today.