Фактически вам нужно вызвать ещё раз то, что у вас написано в $(document).ready:
function getData(){
    var url = $('.gridly').attr('req');
    $.get(url, function(data){
        var json = JSON.parse(data)
        $.each(json, function(i, obj) {
            $('.gridly').append('<div class="brick small">'+obj.fields.title +'<a href="."><img src="/media/'+obj.fields.head_pic+'"'+'></a><a class="delete" slug="'+obj.fields.slug+'"href="#">×</a></div>');
            $('.gridly').gridly({
                base: 60, // px
                gutter: 20, // px
                columns: 10
              });
        });
    });
}
$(document).ready( getData );
а кнопку немного поменять (есть разные варианты, например):
<input id="cancel_changes" class="btn btn-success col-sm-6  col-xs-12 margin-bottom col-sm-offset-1 col-xs-offset-0" value="Отменить" type="button" onclick="getData()">