javascript - Firebase - refresh a list and append li elements -

i have problem, i'm using firebase , i'm using child_added event. when don't refresh application, elements firebase prepend good, when refresh application, li elements in different order , on end of list , between li elements add div.

so, example:

myref.on('child_added', function(snapshot){   var newpost = snapshot();  $('.list>ul').prepend('<li>'+newpost.image+'</li>'); });  ref.on('child_added', function(snapshot){  var winner = snapshot.val();  $('.list>ul').prepend('<div><p>'+winner.name+'</p></div>'); }); 

i want have:

<div><p>win</p></div> <li>post</li> <li>post</li> <div><p>win</p></div> <li>post</li> <li>post</li> 

when refresh page have:

<div><p>win</p></div> <div><p>win</p></div> <li>post</li> <li>post</li> <li>post</li> <li>post</li> 

i need help.