Hi all and thanks in advance!! Kinda of a Newbie with JavaScript

I had this script working on another server with another xml source but can seem to get this working. What I've done is added 2 more columns to my Data source (XML) as I'm wanting to use the same source on 3 pages just with slightly different outputs.
1. A jQuery search Suggest/Autocomplete
2. A jQuery A to Z list
3. A jQuery Department/Speciality list.

Ok the first problem seems to that my data source has 2 more sections in it and nothing seems to be reading on the Autocomplete?? I think the issue is in the finding the new rows...? Please Help.


XML CODE
Code:
<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<keywords xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
	<key>
		<label>A to Z</label>
		<url>emergency/search-a-z.htm</url>
	</key>
	<key>
		<alpha>a</alpha>
		<area>acute</area>
		<label>Acute Medicine</label>
		<url>emergency/acute-medicine.htm</url>
	</key>
	<key>
		<alpha>a</alpha>
		<area>acute</area>
		<label>Acute Vertigo</label>
		<url>emergency/acute-medicine.htm#acutevertigo</url>
	</key>
	<key>
		<alpha>a</alpha>
		<area>acute</area>
		<label>Admissions Process</label>
		<url>emergency/acute-medicine.htm#admissions</url>
	</key>
	<key>
		<alpha>a</alpha>
		<area>cardiac</area>
		<label>Advanced Cardiac Life Support</label>
		<url>emergency/cardiac.htm#acls</url>
	</key>
	<key>
		<alpha>a</alpha>
		<area>resuscitation</area>
		<label>Airway</label>
		<url>emergency/resuscitation.htm#airway</url>
	</key>
	<key>
		<alpha>a</alpha>
		<area>resuscitation</area>
		<label>Allergic Reaction</label>
		<url>emergency/resuscitation.htm#anaphylaxis</url>
	</key>
	<key>
		<alpha>a</alpha>
		<area>resuscitation</area>
		<label>Anaphylaxis</label>
		<url>emergency/resuscitation.htm#anaphylaxis</url>
	</key>
	<key>
		<alpha>a</alpha>
		<area>trauma</area>
		<label>Ankle Injury</label>
		<url>emergency/trauma.htm#ottawa</url>
	</key>
	<key>
		<alpha>a</alpha>
		<area>resuscitation</area>
		<label>Anti-cholinergic</label>
		<url>emergency/resuscitation.htm#od-pois</url>
	</key>
	<key>
		<alpha>b</alpha>
		<area>acute</area>
		<label>Behavioural Management</label>
		<url>emergency/acute-medicine.htm#behav-emerg</url>
	</key>
<key/>
</keywords>
JavaScript
Code:
<!--  Script START  -->
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript" src="jquery.compact.js"></script>

<script type="text/javascript">
var myArr = [];
 $.ajax({
   type: "GET",
   url: "keywords.xml", 
   dataType: "xml",
   success:  function(xml) {
   $('key',xml).each(function() {
			var row ={};
			row.alpha = $(this).find("alpha").text();
			row.area = $(this).find("area").text();
			row.label = $(this).find("label").text();
			row.url = $(this).find("url").text();
			myArr.push(row);
  })
   },
   complete: setupAC,
   error: function() {
      alert("XML File could not be found");
   }
 });

 
 function setupAC() {
   $("input#searchBox").autocomplete({
   source: myArr,
   minLength: 0,
   select: function(event,ui){
				$("input#searchBox").val(ui.item.label);
				open(ui.item.url,'_self');
				}
  });
 }
</script>
<!--  Script END  -->
HTML

Code:
<!--  Main Content START  -->
<div id="gray">
<h2>Looking for something on the Emergency intranet....</h2>


<form name="s-search" action="">
<label for="searchBox">Keyword Search:</label>
<input name="query" type="text" id="searchBox" class="keysearch"/>
 &nbsp;&nbsp;
<input id="submitbut" type="submit"  value="Submit &raquo;">  &nbsp;&nbsp; <a href="departments-a-z.htm">Or  search using the  A to Z list</a>
</form>

<br>
</div>

<!--  Main Content END  -->