$("#multiselect").hide();
$("#multiselect_container").append('&lt;img id="loader" src="/loader.gif" /&gt;');


Above 2 functions inside the $("#list").click() block are being skipped for some reason in IE, not FF, Chrome

$("#list").click(function() 
{           
    var selection = $(this).val();

    $("#multiselect").hide();
    $("#multiselect_container").append('&lt;img id="loader" src="/loader.gif" /&gt;');

    $.ajax(
    {
        url: 'include/ajax.php?id='+selection,
        async: false,
        dataType: 'json',
        success: function (json) 
        {       
            $("#loader").remove();
            $("#multiselect").show();

            //parse json
        } 
    });//json
});


What's going on:

There is a button #list and a container #multiselect_container which holds #multiselect which is a select box of it's container's size.

When #list is clicked, the select box is hidden and the container beneath it is shown, with a loading bar.

When the ajax call is finished the loading bar is removed and the select box is shown again.

In Firefox this works perfectly fine. In IE it does not.

Things that I have tried:


$('#list').ajaxComplete(function() {}); in the success section
Sleeping the php file for 3 seconds. Same results, except with a delay.
Removing the ajax block, those 2 calls are made properly.
caching is not the issue, ajax calls are being made



Question: OpenLayers and TInyOWS WFS won't load - 'InvalidParameterValue'
Answer: In your TinyOWS config you write online_resource="http://127.0.0.1/cgi-bin/tinyows" but in OpenLayers you use another host name - http://localhost/cgi-bin/tinyows. This mismatch causes an error.