A: 

You are missing dot (.) for a class, instead of:

var LIs=banner.find("panelsLi");

Try:

var LIs=banner.find(".panelsLi");

See:

jQuery Class Selector

Sarfraz
Sorry, i was just testing to see if it works with out the dot. I get nothing without the dot aswell. just an empty variable. banner object definitely contains data.
c14kaa
* I get nothing WITH the dot
c14kaa
@c14kaa: Are you using some event such as click event somewhere in your code?
Sarfraz
There is no onclick event @sAc, however i have start rewriting the function as i think there is a better way to do what i want. many thanks!
c14kaa
A: 

Your current jQuery selector panelsLi actually targets elements with that tag, rather than that class (i.e. tags). To target a class, you need to start the selector with a .:

var LIs=banner.find(".panelsLi");  <-- classes start with .

Update: I can't actually see any code which appends the panelsLi to the document? When the ajax update is rendered, do you actually see the panelsLi displayed on the screen?

The banner variable in your code currently only exists within the scope of your success ajax callback function - it wont be available to other functions outside of this scope, unless you declare the variable outside of the scope, or you add the panel to the document and then use jQuery to get a new reference to it later.

Dexter
Sorry, i was just testing to see if it works with out the dot. I get nothing without the dot aswell. just an empty variable. banner object definitely contains data.
c14kaa
I get nothing WITH the dot
c14kaa