title: ajax call in IE is extremely slow
body: <p>I have the following Ajax code in my web page.  It basically makes an Ajax call to the database and returns a bunch of records. 
  This code runs fast / well in Firefox but very slow in IE. 
  I'm just wondering if there are any ways to optimize this code for IE.  </p>
  
  <p><strong>Code</strong></p>
  
  <pre><code>var fill_test_table = function(data){
          var tr;
          for (var i=0; i &lt; data.length; i++) {
                  tr=$('&lt;tr/&gt;');
                  tr.append("&lt;td&gt;" + widget[i].name + "&lt;/td&gt;");
                  tr.append("&lt;td&gt;" + widget[i].age + "&lt;/td&gt;");
                  tr.append("&lt;td&gt;" + widget[i].status + "&lt;/td&gt;");
                  tr.append("&lt;a href='widget.html?id=" + widget[i].id + "&amp;age=" + widget[i].age + "&amp;status=" + widget[i].status + "&amp;name=" + widget[i].name.replace("'","%27") + "'&lt;/a&gt;&lt;button&gt;Edit&lt;/button&gt;&amp;nbsp;&lt;/td&gt;");    
                  $("#widget_table").append(tr);
          }
          $("#widget_table").append("&lt;/tbody&gt;");
  };
  
  
  $(document).ready ( function() {
                 $.ajax({
                  url: "/cgi-bin/getwdigets",
                  dataType: "json",                
                  success: function(data) {
                          fill_test_table(data); 
                        }
                    });
          })
  </code></pre>
  
  <p>I found the following post <a href="https://stackoverflow.com/questions/715882/jquery-ajax-call-very-slow-in-ie-but-instant-in-firefox">jQuery Ajax call very slow in IE, but instant in Firefox</a> and have tried to implement some of the suggestions made.  But if there are any obvious items that should be fixed, I'd like to know. </p>