Jquery .html () и IE8 странное поведение

Question

У меня есть java-скрипт, который отлично работает на IE7 и IE8, но я прочитал все посты, касающиеся этого плавающего в интернете, и он не отвечает на мой вопрос.

Сценарий добавляет прослушиватель маркера карты Google для щелчка, чтобы обновить значение div с результатами вызова ajax.

Код ниже:

    google.maps.event.addListener(marker, 'click', function () {
                $.ajax({
                    type: "GET",
                    url: "ajaxcalls/LocationInformation",
                    data: "locationName=" + item.Designation.toString(),
                    datatype: "json",
                    success: function (result) {
                        var windowcontent = "<div>Site Name: ";
                        windowcontent = windowcontent + result.Designation + "</div>";
                        windowcontent = windowcontent + "<div>Address: " + result.Address + "</div>";
                        windowcontent = windowcontent + "<div>City: " + result.CityName + "</div>";
                        windowcontent = windowcontent + "<div>Region: " + result.RegionName + "</div>";
                        windowcontent = windowcontent + "<div>Country: " + result.CountryName + "</div>";
                        windowcontent = windowcontent + "<div>GPS Co Ords: " + result.GPSCoOrds + "</div>";
                        windowcontent = windowcontent + "<div>Contact Number: " + result.contactNumber + "</div>";
                        windowcontent = windowcontent + "<div>Branch Type: " + result.BranchType + "</div>";
                        windowcontent = windowcontent + "<div>Network Provider: " + result.NetworkProvider + "</div>";
                        windowcontent = windowcontent + "<div>Network Capacity: " + result.NetworkCapacity + "</div>";
                        $("#rbar").html(windowcontent);
                        $("#dlocations").html(result.GPSCoOrds);
                    },
                    error: function (req, stats, error) {
                        alert("addClick" + error);
                    }
                });
            });

The $ ("# rbar"). Html (windowcontent); работает только для первого элемента, поэтому он устанавливает значение моего rbar div в , но не устанавливает остальные значения.

Элемент div имеет следующие размеры (высота 200 пикселей и ширина 100%).

Странно то, что к тому же добавлен прослушиватель с таким же кодом, который работает на 100%. Код ниже:

                    google.maps.event.addListener(marker, 'mouseover', function () {
                $.ajax({
                    type: "GET",
                    url: "ajaxcalls/LocationInformation",
                    data: "locationName=" + item.Designation.toString(),
                    datatype: "json",
                    success: function (result) {
                        var windowcontent = "<div>Site Name: ";
                        windowcontent = windowcontent + result.Designation + "</div>";
                        windowcontent = windowcontent + "<div>Address: " + result.Address + "</div>";
                        windowcontent = windowcontent + "<div>Network Provider: " + result.NetworkProvider + "</div>";
                        windowcontent = windowcontent + "<div>Network Capacity: " + result.NetworkCapacity + "</div>";
                        $("#markertxt").html(windowcontent);

                    },
                    error: function (req, stats, error) {
                        alert("Addmover" + error);
                    }
                });
            });

Есть идеи?