success: function(data){
            $('.sr-only').trigger('click');
            $('.successSaved').html($(data).filter('#replied').html());
            //$('.successSaved').css('background-color', 'green');
            $('.successSaved').addClass('success');

            /*$('.successSaved').css({
                'background-color': 'green',
                'color': "white",
                'padding' : '5px',
                'border-radius' : '10px'
            });*/
            //$('.successSaved').css({ background-color:'green', color:'white' });

            $('.successSaved').fadeOut('slow');

            setTimeout(function(){
                $('.successSaved p').remove();
                $('.successSaved').removeClass('success');
                $('.successSaved').removeAttr('style');
                $('.successSaved').css('background-color', 'white');
            }, 1500);
            
        },
        error: function(data){
            alert('The time was not updated, please contact this application Administrator');
            $('.sr-only').trigger('click');
        }

The above works fine when you filter top level tags.  If you need to select children or descending tags you use find()

references:

http://stackoverflow.com/questions/4245231/how-do-i-filter-the-returned-data-from-jquery-ajax

If you want to select the top-level elements = elements that are direct children of BODY - in this example: #wrap or #tooltip - then you have to use filter().

If you want to select other elements - in this example: #header, h1, #body, ... - then you have to use find().

I you don't know whether your element is a child of BODY or not, you could use this "hack":

$("<div>").html(data).find( selector );

By using this work-around, you always get the elements via find().