d3.js implements first stage of transition but not 2nd

http://stackoverflow.com/questions/24290796/d3-js-implements-first-stage-of-transition-but-not-2nd

HTML

<script src="http://d3js.org/d3.v3.min.js"></script>

JavaScript

var svg = d3.select("body").append("svg").attr("width", 800).attr("height", 400);
    
    svg.append("circle")
        .attr("r", 100)
        .transition()
        .delay(2000)
        .style("fill", "green")
        .each("end", function() {
            d3.select(this).transition()
            .delay(2000)
            .style("fill", "blue")
        });