Tinder-esque Location Pulse

HTML

<img src="http://luvuu.com/wp-content/uploads/2013/10/Mila-Kunis-300x300.png" />

CSS

img {
    display: block;
    width: 80px;
    height: 80px;
    margin-top: -36px;
    margin-left: -36px;
    -webkit-border-radius: 80px;
    -moz-border-radius: 80px;    
    border-radius: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    overflow: hidden;
}

.circle {
    width: 0px;
    height: 0px;
    margin-top: 0px;
    margin-left: 0px;
    border: 4px solid #8e44ad;
    -webkit-border-radius: 300px;
    -moz-border-radius: 300px;    
    border-radius: 300px;
    background: #9b59b6;
    opacity: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
}

JavaScript

$(document).ready(function () {
    function addCircle() {
        var $circle = $('<div class="circle"></div>');
        $circle.animate({
            'width': '700px',
            'height': '700px',
            'margin-top': '-150px',
            'margin-left': '-150px',
            'opacity': '0'
        }, 4000, 'easeOutCirc');
        $('body').append($circle);
    
        setTimeout(function __remove() {
            $circle.remove();
        }, 4000);
    }
    addCircle();
    setInterval(addCircle, 2000);
});