Passing paremeters to animation callback jQuery?
===

I have designed a fiddle similar to the problem I am facing in making a jQuery application.  I have multiple buttons which perform an action and must change a heading after the animation finishes.  The heading is dependent on what button was pressed.  Since you can not pass parameters to a call back I resorted to passing around a global variable.  Is there a more proper way to do so?

http://jsfiddle.net/XDdEV/

    var heading = '';

    function headingChanger(e) {
        $("#heading").html(heading);
    }

    $("#one").click(function (e) {
        heading = 'HEADING 1'
        $("#slider").animate({
            'margin-left' : '200px'
        },1000,'linear',headingChanger);
    });
 
    $("#two").click(function (e) {
        heading = 'HEADING 2'
        $("#slider").animate({
           'margin-left' : '0'
        },1000,'linear',headingChanger);
    });

