jquery - scrollLeft() not working -

jquery - scrollLeft() not working -

i have 2 div's having id's div_data , head ,each property overflow:auto.i fire event when horizontally scroll div_data using horizontal scroll bar,i need scroll head div horizontally.i have used next code.but not working.

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

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

jquery scroll