title: Ajax Success method not updating the html content
body: <p>My Requirement is to call ajax and after either success or failure i have to add text message to my html.Ajax call is happening fine.Response is also coming fine.But updating the html content is not happening.</p>
  
  <p>My ajax call:</p>
  
  <pre><code>$.ajax({      
      type:'GET',
      dataType: "json",
      url:'myurlhere',
      success: function(response){
             // errorHtml is updating here correctly
             var errorHtml = $('&lt;div /&gt;').append(response[0]).html();
             $("#Error").html(errorHtml); 
      }, 
      error: function(e){
          var errorHtml = $('&lt;div /&gt;').append('error').html();
          $('#Error').html(errorHtml); 
      }
  }); 
  </code></pre>
  
  <p>My html. This is present inside a table.</p>
  
  <pre><code>&lt;td&gt;
      &lt;span  id="Error" style="alight:left"&gt;
  &lt;/td&gt;
  </code></pre>
  
  <p><strong>Note:</strong><br>
  1) My response is json list<br>
  2) I have tried</p>
  
  <pre><code>var errorHtml = '&lt;div&gt;'+response[0]+'&lt;/div&gt;';
  </code></pre>
  
  <p>also. But it is not updating.</p>