title: DOM not updating on GET request + data-attributes
body: <p>Issue: Upon updating the src of images, retrieved via GET request, the DOM never updates but their new values show in console.</p>
  
  <p>Suspected Cause: I think there is some conflict with using data-attributes, but using attr() instead of data() does not seem to remedy.</p>
  
  <p><strong>HTML to be updated:</strong></p>
  
  <pre><code>&lt;div class="data-block"&gt;
      &lt;img data-item="hp-logo" /&gt;
      &lt;img data-item="hp-banner" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>GET Request:</strong></p>
  
  <pre><code>if(promoid != null) {       
      $.get({
          url: '/snippets/data.html',
          cache: false
      }).then(function(data){
          var tempData = $('&lt;output&gt;').append($.parseHTML(data)).find('.data[data-promo-id="' + promoid + '"]');
          myContent = tempData.html();
          dataItems = $('.data-block').html();
          //console.log('Data Items On Page: ', dataItems);
          $(dataItems).each(function (index, value) {
              if( $(this).is('[data-item]')) {
                  //console.log('Data Items With Attribute: ', this);
                  dataItemLookup = $(this).attr('data-item');
                  //console.log('Data Item Lookup Value: ', dataItemLookup);
                  $(myContent).each(function (index, value) {
                      //console.log('Retrieved Items Checking Against: ', this);
                      if ( $(this).attr('data-alias') == lastalias ) {
                          //console.log('Retrieved Items Match Alias: ', this);
                          if ($(this).attr('data-item') == dataItemLookup) {
                              //console.log('Retrieved Item Match', this);
                              dataImageDesktop = $(this).attr('data-image-desktop');
                              //console.log('Value to be Passed to Data Item: ', dataImageDesktop);
                          } else {
                              // Do nothing
                          }
                      } else {
                          // Do nothing
                      }
                  });
                  $(this).attr('src', dataImageDesktop);
                  console.log(this);
              }
          });
      }); 
  }
  </code></pre>
  
  <p><strong>data.html:</strong></p>
  
  <pre><code>&lt;div class="data-container"&gt;
      &lt;div class="data" data-promo-id="11202016"&gt;
          &lt;div data-alias="test.html" data-item="hp-logo" data-image-desktop="http://placehold.it/250x150"&gt;&lt;/div&gt;
          &lt;div data-alias="test.html" data-item="hp-banner" data-image-desktop="http://placehold.it/350x250"&gt;&lt;/div&gt;
          &lt;div data-alias="not-test.html" data-item="hp-spot" data-image-desktop="http://placehold.it/450x350"&gt;&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Not sure how to proceed in troubleshooting this issue. Everything works as expected, except the DOM updating. Ideas?</p>