anchor.diff:                      var searchResultTemplate = document.getElementById('search-result-item-template');
                       var searchResult = document.importNode(searchResultTemplate.content, true);
                       // add top level content
  -                    searchResult.querySelector('.mdl-list__item-avatar').textContent = metadata[tabProperty].avatar;
  -                    searchResult.querySelector('.up-list-item-title').textContent = result[metadata[tabProperty].attributes[0]];
  +                    searchResult.querySelector('.up-search-list-item-avatar').classList.add(metadata[tabProperty].avatar);
  +                    searchResult.querySelector('.up-search-list-item-title').textContent = result[metadata[tabProperty].attributes[0]];
                       if (result.url) {
  -                        searchResult.querySelector('.mdl-list__item-secondary-action').href = result.url;
  +                        searchResult.querySelector('.up-search-list-item-secondary-action').href = result.url;
                       } else {
  -                        searchResult.querySelector('.mdl-list__item-secondary-content').style.visibility = 'hidden';
  +                        searchResult.querySelector('.up-search-list-item-secondary-content').style.visibility = 'hidden';
                       }
                       var resultAttributeList = searchResult.querySelector('dl');
  -                    // QUESTION: should that attribute picking be handled server-side?
  +                    // QUESTION: should that attribute picking be handled server-side? YES
                       // add each attribute that should be shown for a result
                       _.forEach(metadata[tabProperty].attributes, function (attributeName) {
                           var attributeValue = result[attributeName];
  
positive.code:     })
      .then(function (response) {
          _.forEach(response, function (resultSet, tabProperty) {
              // generate formatted text
              var tabName = _.startCase(tabProperty);
              var tabId = _.kebabCase(tabProperty);
              // setup tab header template
              var tabTemplate = document.getElementById('search-results-tab-header-template');
              var tabHeader = document.importNode(tabTemplate.content, true);
              // add content to tab header template
              var tabHeaderLink = tabHeader.querySelector('a');
              tabHeaderLink.textContent = tabName;
              tabHeaderLink.href = '#' + tabId;
              // add tab header to page
              document.getElementById('search-results-tab-header').appendChild(tabHeader);
  
              // setup the tab panel template
  
negative.code:                 });
              }
              // add the tab panel to the page
              document.getElementById('search-results-tab-content').appendChild(tabPanel);
          });
  
          // set first tab active
          var firstTab = document.querySelector('#search-results-tab-header .up-search-tab');
          if (firstTab) firstTab.classList.add('active');
          var firstPanel = document.querySelector('#search-results-tab-panel .up-search-panel');
          if (firstPanel) firstPanel.classList.add('active');
      })
      // log error to browser console
      .catch(function(error) {
  