I have an ajax function that runs, and is supposed to display a feedback bar at the top id the function succeeds or fails.

I can see that the function runs correctly, and using the Chrome console I can see that the correct responses are being returned, however, the feedback bar is not displaying when the function succeeds, I have this code:

"$( document.body ).on('click','#ofchatroom_tribute',function(){

var sender = $(this).attr('sender');

var receiver = $(this).attr('receiver');

var amount = $(this).attr('amount');

$.ajax({

url:  '{$tributeURL}',

data: { 'sender': sender ,'receiver': receiver ,'amount' : amount },

type: 'post',

success: function(data){

if(data.result == 'success'){ 

OW.info(data.message);

}else if(data.result == 'error'){

OW.error(data.message);

}}});});")

Like I say the correct responses are being returned but the bar isnt showing :(