jquery: nur bestimmte Einträge eines xml auslesen

[erawan]

Hallo!

Seit einiger Zeit beschäftige ich mich nun zwecks Erstellung einer App mit jqtouch / jquery und kam mit den diversen Einträgen in den Foren auch gut voran.

Leider stehe ich nun bei der Aufgabe nur bestimmte Einträge einer xml Datei auszulesen und auszugeben an. (ich bitte um Entschuldigung sollte es ein trivialer Anfängerfehler sein - aber ich denke leider oft etwas zu kompliziert ;)

Die jetzige Lösung findet zwar die richtige Anzahl an Einträgen mit dem Keyword im Titel, jedoch werden die Variablen nicht ausgegeben (1. Problem) und was noch fehlt sind die Berücksichtigung der beiden anderen Suchfelder (bzw. deren möglichen Kombinationen - 2. Problem)

Sobald diese bewältigt sind bliebe noch die Aufgabe den gewünschten Kurs möglichst elegant in den dafür vorgesehenen Bereich zu laden...

Danke im Voraus für eure Hinweise / Hilfe!

Hier die einzelnen (teils vereinfachten) Codeteile:
XML Datei

  
<?xml version="1.0" encoding="UTF-8"?>  
<programm>  
  <kurs nr="11165010">  
    <nr>11165010</nr>  
    <bereich>Bereich 1</bereich>  
    <titel>abc</titel>  
    <text>Text 1</text>  
    <bezirk>Bezirk 1</bezirk>  
  </kurs>  
  <kurs nr="11201061">  
    <nr>11201061</nr>  
    <bereich>Bereich 2</bereich>  
    <titel>Xyz</titel>  
    <text>Text 2</text>  
    <bezirk>Bezirk 2</bezirk>  
  </kurs>  
  ...  
</programm>  

HTML

  
<div id="kurs_suche">  
  <div class="toolbar">  
    <h1>Kursprogramm</h1>  
    <a href="#home" class="button back"><img alt="home" src="thumbs/home.png" align="absmiddle" /></a>  
  </div>  
<form id="search">  
  <ul class="rounded">  
    <li id="notice">Detail-Kurssuche:</li>  
    <li><input name="suche_text" type="text" id="suche_text" placeholder="Suchwort(e)" autofocus /></li>  
    <li>  
     <select name="suche_bereich" id="suche_bereich">  
      <option value="0" selected='selected'>Bereich (optional)</option>  
      <option value='Bereich 1'>Bereich 1</option>  
      <option value='Bereich 2'>Bereich 2</option>  
     </select>  
    </li>  
    <li>  
     <select name="suche_bezirk" id="suche_bezirk">  
      <option value="0" selected='selected'>Bezirk (optional)</option>  
      <option value='Bezirk 1' >Bezirk 1</option>  
      <option value='Bezirk 2' >Bezirk 2</option>  
     </select>  
    </li>  
  </ul>  
    <a href="#" class="whiteButton submit">Kurs(e) finden</a>  
  </form>  
  </div>  
  
<!-- KURSE SUCHERGEBNIS -->  
<div id="kurs_liste">  
  <div class="toolbar">  
    <h1>Suchergebnis</h1>  
    <a href="#home" class="button back">zur&uuml;ck</a>  
  </div>  
  <div id="kurs_liste_ausgabe">  
   <ul class="rounded" id="kurse">  
    <li>Kurse werden geladen ...</li>  
   </ul>  
  </div>  
</div>  
  
<!-- KURS ANSICHT -->  
<div id="kurs_detail">  
  <div class="toolbar">  
    <h1>Kurs Details</h1>  
    <a href="#home" class="button back">zur&uuml;ck</a>  
  </div>  
  <div id="kurs_details">  
  <p>Kurs wird geladen ...</p>  
  </div>  
</div>  

Jquery

  
$(document).ready(function(){  
  
  $('#search').submit(function(){  
    //grab the notice div so we can manipulate it  
    var notice=$('#notice');  
    //grab the notice instructions so we can reset  
    var noticetxt=notice.html();  
    //set notice to searching...  
    notice.empty().append('Kurse werden gesucht, bitte warten ...');  
    //get the keywords  
    var stext=$('#suche_text').val();  
    var sbereich=$('#suche_bereich option:selected').val();  
    var sbezirk=$('#suche_bezirk option:selected').val();  
  
    $.ajax({  
	  type: "GET",  
	  url: "kursprogramm.xml",  
	  dataType: "xml",  
	  success: function(data) { parseXML(data);  
        jQT.goTo('#kurs_liste','slideleft');  
	  }  
   	});  
	  
	function parseXML(data) {  
	    var pub = "";  
            $(data).find('kurs')  
		 .find("titel:contains('"+stext+"')")  
		 .each(function(){	  
            var knr = $(this).find('nr').text();  
            var ktitel = $(this).find('titel').text();  
            var kbereich = $(this).find('bereich').text();  
            var kbezirk = $(this).find('bezirk').text();  
            var kvdat = $(this).find('vondatum').text();  
            pub += '<li class=\"arrow\"><a href=\"#kurs_detail\" class=\"KursLink slideleft\" id=\"'+knr+'\">'+ktitel+'<br />'+kbezirk+', '+kvdat+'</a></li>' + '\n';  
		});  
        $('#kurse').html(pub);  
    }  
  });  
});