Hi, I'm trying to parse data from an XML file in to a slider. Out of the box, all of the XML data appears on the first slide <div class="page-wrap">. I've tried creating seperate functions and calls to new divs (<div class="page-wrap2"> for example), but I can't get the data to seperate in the slides. Here is the HTML and XML code if anyone might be able to help:

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" media="all" href="css/carousel.css" />
<link rel="stylesheet" type="text/css" media="all" href="css/style.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
$.ajax({
type: "GET",
url: "sites.xml",
dataType: "xml",
success: function(xml) {
$(xml).find('site').each(function(){
var id = $(this).attr('id');
var link = $(this).find('link').text();
var url = $(this).find('url').text();
$('<div class="items" id="link_'+id+'"></div>').html('<a href="'+url+'">'+link+'</a>').appendTo('.page-wrap');
$(this).find('desc').each(function(){
var jan = $(this).find('jan').text();
var feb = $(this).find('feb').text();
var march = $(this).find('march').text();
var brief = $(this).find('brief').text();
var long = $(this).find('long').text();
var long2 = $(this).find('long2').text();
$('<div class="jan"></div>').html(jan).appendTo('#link_'+id);
$('<div class="feb"></div>').html(feb).appendTo('#link_'+id);
$('<div class="march"></div>').html(march).appendTo('#link_'+id);
$('<div class="brief"></div>').html(brief).appendTo('#link_'+id);
$('<div class="long"></div>').html(long).appendTo('#link_'+id);
$('<div class="long2"></div>').html(long2).appendTo('#link_'+id);
});
});
}
});
});
</script>
<!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->

<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>

<!-- Carousel
================================================== -->
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="item active">
<img data-src="holder.js/900x500/auto/#777:#7a7a7a/text:First slide" alt="First slide">
<div class="container">
<div class="carousel-caption">
<!-- XML page wrap -->
<div class="page-wrap">
<h1 align="left">HEADLINE</h1>
</div>
<!-- end XML page-wrap -->
</div>
</div>
</div>
<div class="item">
<img data-src="holder.js/900x500/auto/#666:#6a6a6a/text:Second slide" alt="Second slide">
<div class="container">
<div class="carousel-caption">
<!-- XML page wrap -->
<div class="page-wrap2">
<h1 align="left">HEADLINE</h1>
</div>
<!-- end XML page-wrap -->
</div>
</div>
</div>
<div class="item">
<img data-src="holder.js/900x500/auto/#555:#5a5a5a/text:Third slide" alt="Third slide">
<div class="container">
<div class="carousel-caption">
<!-- XML page wrap -->
<div class="page-wrap3">
<h1 align="left">HEADLINE</h1>
</div>
<!-- end XML page-wrap -->
</div>
</div>
</div>
</div>
<a class="left carousel-control" href="#myCarousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
<a class="right carousel-control" href="#myCarousel" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
</div><!-- /.carousel -->

<script src="js/bootstrap.min.js"></script>
<script src="js/docs.min.js"></script>

</body>
</html>


sites.xml
<?xml version="1.0" encoding="iso-8859-1"?>
<sites>
<site id="0">
<link>Optional Link</link>
<url>http://www.think2loud.com</url>
<desc>
<jan>January</jan>
<brief>Review clients' retirement accounts and contribution levels. As tax deadlines approach, make sure clients 50 and older:</brief>
<long>Understand the rules for catch-up contributions</long>
<long2>Have portfolios well-positioned to provide retirement income</long2>
</desc>
</site>
<site id="1">
<link>Optional Link</link>
<url>http://www.jaredharbour.com</url>
<desc>
<feb>February</feb>
<brief>Talk to clients about the features and potential benefits of long-term investments for retirement.</brief>
<long>...and this is the long description. See how long it is </long>
</desc>
</site>
<site id="2">
<link>Optional Link</link>
<url>http://www.css-tricks.com</url>
<desc>
<march>March</march>
<brief>this is the brief description.</brief>
<long>...and this is the long description. See how long it is </long>
</desc>
</site>
</sites>

Any help would be greatly appreciated!