title: dynamic ajax populated table not working in IE 8
body: <p>Hi all I've an IE8 issure, here's the code:</p>
  
  <p>Html code:</p>
  
  <pre><code>  &lt;table id=\"myTable\" border="1"&gt;
  </code></pre>
  
  <p>javascript function:</p>
  
  <pre><code>function loadTableContent() {
  
  $.ajax({
      type : 'GET',
      url : '/sohara/viewResults.do',
      contentType : 'application/json; charset=utf-8',
      success : function(response) {
          result = response;
  
          var html_Table = '';
          html_Table += '&lt;tr&gt;&lt;th bgcolor="silver"&gt;Type&lt;/th&gt;
                      &lt;th bgcolor="silver"&gt;Quantity A&lt;/th&gt;
                      &lt;th bgcolor="silver"&gt;Quantity B&lt;/th&gt;&lt;/tr&gt;';
          for ( var i = 0; i &lt; result.length; i++) {
              html_Table += '&lt;tr&gt;';
              html_Table += '&lt;td&gt;'+result[i].description+'&lt;/td&gt;';
              html_Table += '&lt;td&gt;'+result[i].quantityA+'&lt;/td&gt;';
              html_Table += '&lt;td&gt;'+result[i].quantityB+'&lt;/td&gt;';
              html_Table += '&lt;/tr&gt;';          
          }   
          html_Table += '&lt;/table&gt;';
          $("#myTable").append(html_Table);
      },
      error : function(response) {
          alert("Error");
      }
  });
  }
  </code></pre>
  
  <p>Always is perfect in Firefox, Chrome and Opera but in IE8 nothing is displayed in the table. How can I manage that?</p>