title: Loop through HTML table and update values with AJAX GET
body: <p>I have built a small application in ASP.NET Core MVC where you select a shipment and it will loop through all the images in blob storage and display them in the web page. The web page needs to load, and then the images after as It can be a heavy call.</p>
  
  <p>Below is the HTML I have - </p>
  
  <pre><code>&lt;table id="ImageTable"&gt;
          &lt;tr&gt;
          &lt;th&gt;
              Img
          &lt;/th&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              @foreach (var shipment in Model.shipmentImages)
              {
                  &lt;td class="ImageCell"&gt;@shipment.RowKey&lt;/td&gt;
              }
          &lt;/tr&gt;
      &lt;/table&gt;
  </code></pre>
  
  <p>and below is the AJAX, which does seem to be working when debugging, just the webpage doesn't get updated.</p>
  
  <pre><code>@section Scripts {
  &lt;script type="text/javascript"&gt;
  $('#ImageTable td.ImageCell').each(function () {
          var cellItem = $(this);
          console.log(cellItem.html);
          console.log(cellItem);
          $.ajax({
              url: 'https://localhost:5001/Shipment/GetImage?' + $(this).html(),
              type: 'GET',
              success: function (data) {
                  console.log($(this.html));
                  console.log(data);
                  cellItem.append(data.html);
              }
      });
  });
      &lt;/script&gt;
  }
  </code></pre>
  
  <p>I can see in the console that the HTML data that I'm looking for gets returned however the cells in the table don't update with the new HTML.</p>
  
  <p>Thanks</p>