Passing Parameters to a jQuery 'Load'

Question

I have some script on my page which is:

$('#divMenuHolder').load('../menu.html');

However I also need to be able to pass some parameters which are acted on the menu.html page.

I've tried the following:

$('#divMenuHolder').load('../menu.html?opt1=test&opt2=test2');

However when I come to get the parameters using the following function:

function getUrlVars()
{
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    for(var i = 0; i < hashes.length; i++)
    {
        hash = hashes[i].split('=');
        vars.push(hash[0]);
        vars[hash[0]] = hash[1];
    }
    return vars;
}

It returns nothing because it's trying to get the parameters of the page itself, and not the page I'm loading into DIV.

Can anyway assist in guiding me to what I want please?

Answer 1

This works for me

$('#semester').load("restricted/getSemester.php?courseid=" + $("#course").val());

where #course is id of input field.

OR

$('#subject').load("restricted/getSubject.php?courseid=0&semester=0");

I hope this helps u :)