anchor.diff:              <label for="substance">Search for </label>
               <input id="substance" role="search" placeholder="substance">
               <input type="hidden" id="substance-id">
  -
  -            <!-- We need a way for this link to show after text has been entered so users can skip over the infographic and see the results table right away... for ease-of-use and accessibility -->
  -
  -            <a href="#ingredient-search">See results</a>
  -
  -
             </div>
           </form>
   
  
positive.code:         <h1>The Ingredient Browser</h1>
        </div>
        <div class="col-sm-7">
          <div class="skip-link"><a href="#ingredient-search">Skip to Ingredient Search</a></div>
          <p aria-hidden="true">This visual graphic gives an overall glance of the most common  pharmaceutical ingredients used in medications, cosmetics, consumable products, and their frequency of occurance.</p>
          <p aria-hidden="true">Hover and select a bubble for a list of products that contain the element.</p>
          <p> Update the input field below to search for specific pharmaceutical ingredients.</p>
  
negative.code: <div class="ingredient-browser">
    <div class="skip-link"><a href="#ingredient-search">Skip to Ingredient Search</a></div>
    <div class="bubble-chart container">
      <div class="row">
        <div class="col-sm-12">
  