Call function with parameter in jQuery

Question

When I click on the control with the identifier Button1, it calls a function called getMakes, I want to pass a parameter to it. In this case, the identifier of the control that will receive the data. What am I doing wrong?

$(function () {

        $('#Button1').click(getMakes("'#output'"))
        $('#buttonClear').click(function () {
            $('#output').html('');
        });
});
function getMakes(myVar) {   
$.ajax({
    type: "POST",
    url: "WebService.asmx/dbAccess2",
    data: "{}",
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function (msg) {
        var response = msg.d;
        $.each(response, function (index, value) {
            $(myVar).append(new Option(value, index));
        });
    },
    failure: function (msg) {
        alert('failure');
    }
});

}

Answer 1

OJ and Jacob have the right solution, but they did not explain why. Your code

$('#Button1').click(getMakes("'#output'"))

getMakes . ( , ). , , click . , , , . - , .

, . , .

Answer 2

:

$('#Button1').click(function() {
    getMakes('#output');
});

Answer 3

Instead

$('#Button1').click(getMakes("'#output'"))

.. (note that there is no semicolon at the end) .. Do this:

$('#Button1').click(function() { getMakes("'#output'"); });