How to terminate Jquery setIntereval?

Question

I am trying to terminate setIntreval that refresh my page. But cleareIntreval() not work for me.

I have

 $chatInterval = setInterval(function(){
$.post('user/home/show_conversation.php',{ f_id : userID},function(ajaxCevap){

        $('#chatbox').html(ajaxCevap);
        $('#chatbox').scrollTop = $('#chatbox').scrollHeight;

    });

},10000);

And when I click button I use clearInterval($chatInterval); But is says that $chatInterval not defined. yes Those are in different function scope.How can I declare common variable setInterval?

Answer 1

I solved it deleting $ element from

    chatInterval = setInterval(function(){
$.post('user/home/show_conversation.php',{ f_id : userID},function(ajaxCevap){

        $('#chatbox').html(ajaxCevap);
        $('#chatbox').scrollTop = $('#chatbox').scrollHeight;

    });

},10000);

Now I can call it in any function.