Jquery Ajax Complete -

we have relatively simple jquery ajax script:

var k = "http://api.twitter.com/1/statuses/user_timeline.json?screen_name=twitter&include_rts=1&count=10&jsoncallback=";  $.ajax({     datatype: 'jsonp',     url: k,     success: function (data) {         $.each(data, function (i, item) {             $("#ticker").append("<li>" + item.text + "</li>");         })     } }); 

this works fine, want use innerfade (a jquery script) fade in/out between these created li items.

tried using complete not sure got right, needs be:

$('#ticker').innerfade({                     animationtype: 'fade',                     speed: 1500,                     timeout: 10000,                     type: 'random',                     containerheight: '250px'                     }); 

basically, how can incorporate innerfade animates li items. tried calling innerfade script after ajax, not work (ie. nothing happens)

try

var k = "http://api.twitter.com/1/statuses/user_timeline.json?screen_name=twitter&include_rts=1&count=10&jsoncallback=";  $.ajax({     datatype: 'jsonp',     url: k,     success: function (data) {         $.each(data, function (i, item) {             $("#ticker").append("<li>" + item.text + "</li>");         })         $('#ticker').innerfade({             animationtype: 'fade',             speed: 1500,             timeout: 2500,             type: 'random',             containerheight: '250px'         });     } }); 

demo: fiddle