ajax content into dynamic loaded div

ajax content into dynamic loaded div

My more-news-holder is loaded dynamically, i think this is why when this code runs. my result does not go onto my page.

how can i fix this?
 
  1. <div id="more-news-holder"></div>

  2. <div class="more-news-container">
  3.     <div id="more-news-btn" class="more-news" hreh="#">Get More News</div>
  4. </div>

Here is my jquery


  1. $("#more-news-btn").click(function(){
  2. $.ajax({url: "content/more-news.php?C=" + NewsCount, success: function(result){
  3. $("#more-news-holder").html(result);
  4. NewsCount = NewsCount + 30;
  5.      }}); 
  6. });