jQuery results disappear after selection
<p>I need some help to debug this bug. I got a list of vacanies here:</p>

<pre><code>http://heeft-nieuwe-jobs.be/zoekbox/bedrijf.php
</code></pre>

<p>If you choose something in one of the dropdown boxes you see the result but it disappears directly.</p>

<p>I tried to use Chromes debugger.</p>

<p>Here is my jQuery. When i do the request to getresults.php it shows the results but immediatly disappears.</p>

<pre><code>function changeResults(page)
        {
            if(document.getElementById("trefwoorden").value != "Functie, sector, gemeente en/of trefwoord")
            {
                var params = 'trefwoorden='+document.getElementById("trefwoorden").value;
            }

            var uberspan = document.getElementById("ddcl-contracten5");
            var span = uberspan.getElementsByTagName("span");
            var lowerspan = span[0].getElementsByTagName("span")[0].innerHTML;
            if(lowerspan != '&amp;nbsp;' &amp;&amp; lowerspan != "Selecteer een type contract")
            {
                //alert(lowerspan);
                params = params+'&amp;contracten='+lowerspan;
            }
            var uberspan = document.getElementById("ddcl-functies5");
            var span = uberspan.getElementsByTagName("span");
            var lowerspan = span[0].getElementsByTagName("span")[0].innerHTML;

            if(lowerspan != '&amp;nbsp;' &amp;&amp; lowerspan != "Selecteer een type functie")
            {
                params = params+'&amp;functies='+lowerspan;
            }
            var uberspan = document.getElementById("ddcl-regios5");
            var span = uberspan.getElementsByTagName("span");
            var lowerspan = span[0].getElementsByTagName("span")[0].innerHTML;

            if(lowerspan != '&amp;nbsp;' &amp;&amp; lowerspan != "Selecteer een locatie")
            {
                params = params+'&amp;regios='+lowerspan;
            }
            params += '&amp;offset='+page+'&amp;lang=nl';
            var xmlhttp;    
            if (window.XMLHttpRequest)
              {// code for IE7+, Firefox, Chrome, Opera, Safari
              xmlhttp=new XMLHttpRequest();
              }
            else
              {// code for IE6, IE5
              xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
              }
            xmlhttp.onreadystatechange=function()
              {
              if (xmlhttp.readyState==4 &amp;&amp; xmlhttp.status==200)
                {
                  //alert(params);
                document.getElementById("resultaten").innerHTML=xmlhttp.responseText;
                changeTotalen();
                    $('#resultaten').fadeOut(300, function (){
                    $('#resultaten').html(xmlhttp.responseText);
                    $('#resultaten').fadeTo(300, 1);
                    });
                document.getElementById("resultaten").style.opacity = 100;


                // document.getElementById("totalen_def").innerHTML = document.getElementById("hidden_total").innerHTML;
                }
              }
            xmlhttp.open("POST","getresults.php?lang=nl",true);
            xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
            xmlhttp.setRequestHeader("Connection", "close");

            xmlhttp.send(params);
        }
        function changeTotalen()
        {
            var visible_number =  document.getElementById("totalen_def").innerHTML;
            var invisible_number = document.getElementById("total_vacs").value;
            //alert(visible_number + ' - '  + invisible_number);
            visible_number = invisible_number;
            document.getElementById("totalen_def").innerHTML = visible_number;
            //alert(document.getElementById("totalen_def").innerHTML);
        }
</code></pre>

<p>Solution:
changed a div name to the proper one.</p>
