$.load on form pages - can't get query data in processing script

$.load on form pages - can't get query data in processing script

Hi all - I am a newcomer to jQuery and am finding it incredibly useful, but have hit a bit of a challenge...

I have a database site I am currently designing, and would like to use a single page with forms in external html documents to undertake admin tasks (eg. add/remove records etc.)

I have managed to successfully load the form html into the necessary div using the $.load function, however, when I try to process the form, with this code:

  1.         $("#add_form").validate({
                debug: false,
                rules: {
                    maker: "required",
                    origin: "required"                                   
                },
                messages: {
                    maker: "<br /><span style=\"color:#f00;\">A manufacturers name is required</span>",
                    origin: "<br /><span style=\"color:#f00;\">A country of origin is required</span>"
                },
                submitHandler: function(form) {
                    $('#adminform').html('<p class="body_text">Please wait, your enquiry is being processed</p>');
                   
                    $.get('../resources/process_form.php', $("#add_form").serialize(), function(data) {$('#adminform').html(data);});
                    }});
    </script>














which asks 'process_form.php' to process the data, it doesn't seem to send the data in the form to the page. to confirm this, and whilst trying to get the system to work, the 'process_form.php' consists of 2 lines,:

  1. echo $_GET['maker'];
  2. echo '123456';
(ie. one line to return a string literal, and one line to return one of the variables which SHOULD be passed by the form)

This results in just the 123456 string being returned.

I have tried several things:
  1. loading the script above in the head of the 'parent' html page (ie. which the form is loaded into); - does not properly fire at all;
  2. loading the script 'in-line' in the imported html - this leads to the result given above;
  3. running the script in an external script.js file through an onsubmit directive on the form...does not appear to properly fire the script.
Any help here would be immensely appreciated.

Thanks in advance

Tim