jQuery scrollTop doesn't animate in FF or IE but working fine in chrome

Already tried with $(window) or $(document) they're not working either.

$('a[href^="#"').on('click', function () {
    var id = $(this).attr("href");
    var target = $(id).offset().top;

    //Animation
    $('body,html').animate({ scrollTop: target }, 500);
       return false;

});

JsFiddle