scrollLeft() not working

Question

I have 2 div's having id's div_data and head ,each with property overflow:auto.I would like to fire an event when I horizontally scroll the div_data using horizontal scroll bar,I need to scroll head div horizontally.I have used the following code.But it is not working.

$('#div_data').scrollLeft($('#head').scrollLeft());

Answer 1

$('#div_data').scroll(function(){
    $('#head').scrollLeft($(this).scrollLeft());
});