jQuery Forum

I'm newish to jQuery and I'm using it to build a timeline that loads its information from an XML document.  I'm able to get the events to load and display but I can't seem to restrain the loop once it drills down to the events under each month. 

My assumption is that I need to ad some sort of if(condition) statement (see line 23) and then return false to stop the loop.

Here's my script:

1. $(document).ready(function () {
2.     $.ajax({
3.         type: "GET",
4.         url: "timeline.xml",
5.         dataType: "xml",
6.         success: xmlParser
7.     });
8. });
9. function xmlParser(xml) {
10.     $("#load").fadeOut();
11.        
12.     $(xml).find("year").each(function (index, value) {
13.    
14.         $(value).find("month").each(function (index, value) {
15.                                    
16.             $("#timeline").append("<div class='month'>");
17.        
18.             $(value).find("event").each(function (index, value) {
19.                                            
20.                 $(".month").append("<div class='event " + $(this).find("category").text() + "Event'>" + $(this).find("title").text() + "</div>");
21.                
22.                 /*
23.                 if(condition)
24.                 {
25.                     return false;
26.                 }
27.                 */
28.                    
29.             });
30.                                    
31.             $("#timeline").append("</div>");
32.            
33.             $(".month").fadeIn(500);
34.            
35.         });
36.     });
37. }

This is my XML document and this is the demo page.

I'm wrestling pretty hard with this one, so any input is welcome. Thanks!