jQuery - Как перезапустить setInterval после его отключения с помощью clearInterval?

Я хочу создать страницу с двумя кнопками: «ОСТАВИТЬСЯ» и «Выйти». Под кнопками находится iFrame. Когда страница загружается в первый раз, iFrame начинает автоматически обновляться через 10 секунд. Когда пользователь нажимает кнопку STAY, обновление прекращается. После этого, если он нажмет кнопку «ВЫЙТИ», iFrame снова начнет обновляться через 10 секунд. Я использую этот код:

$(document).ready(function() {
    var refreshIntervalId = setInterval( "update()", 10000 );

    $('#leave').click(function () {
        var refreshIntervalId = setInterval( "update()", 10000 );;
    })

    $('#stay').click(function () {
        clearInterval(refreshIntervalId);
    })
});

function update(){
    var url = "load.php";
    $('iframe#ifrm').attr('src', url);
}

<div id="bar">
    <div class= "button" id="stay">
    <a>Stay</a>
    </div>
    <div class= "button" id="leave">
    <a>Leave</a>
    </div>
</div>

, но он не работает, я неправильно использую clearInterval?