I want to refresh a div every one second. That div is scrolled to bottom by ready function. How can I do this?

I am using this code to set scrolled to bottom when the page lodes -

$(document).ready(function(){
    $('#chat_message_inner_container').scrollTop( $('#chat_message_inner_container')[0].scrollHeight);
  });

And I want to use this code also -

  setInterval(function()
  {
    $('#chat_message_inner_container').load(location.href + " #chat_message_inner_container");
  },1000);

But it is not working.
How can I do this ?

your scroll instruction should be executed on the load function callback and not on ready

 setInterval(function () {
            $('#chat_message_inner_container').load(location.href + "#chat_message_inner_container", {}, function () {
                $('#chat_message_inner_container').scrollTop($('#chat_message_inner_container')[0].scrollHeight);
            });

        }, 1000);