jQuery Promise with ajax. And AJAX context usage.

by InviS

HTML

<span>Click me!</span>
<div id='animated'></div>

CSS

#animated {
    width: 500px;
    height: 200px;
    background-color: red;
}
span{
    cursor: pointer;
}

JavaScript

var click = function(){
    var promise = $.ajax({
        context: $('#animated').get(),
        url: '/echo/json'
    });
    promise.done(function(){
        $(this).css('background-color', 'blue');
    });
}
$('span').bind('click', click);