anchor.diff:  
           <h3>Custom Named Queries</h3>
   
  -        <p>Custom queries can be defined during intialization. You can also override the default queries in this way.</p>
  +        <p>Custom queries can be defined during intialization. You can also override the default queries in this way:</p>
   
   <%= code_example "
   $(document).foundation('interchange', {
  
positive.code:     <div class="row">
        <div class="large-12 columns">
          <h2><%= @page_title %></h2>
          <h4 class="subheader">Interchange makes responsive images easy by using media queries to load only the images that are appropriate for the user's browser.</h4>
        </div>
      </div>
  
  
negative.code:         <p><img src="../img/demos/interchange/default.jpg" data-interchange="[../img/demos/interchange/default.jpg, (default)], [../img/demos/interchange/small.jpg, (small)], [../img/demos/interchange/small.jpg, (landscape)], [../img/demos/interchange/medium.jpg, (medium)]"></p>
  
          <h3>Using <code>data-interchange</code></h3>
          <p>The Foundation Interchange component utilizes the <code>data-interchange</code> attribute for specifying your media queries and respect images.</p>
  
  <%= code_example '
  <img src="/path/to/default.jpg" data-interchange="[/path/to/default.jpg, (only screen and (min-width: 1px))], [/path/to/bigger-image.jpg, (only screen and (min-width: 1280px))]">
  ', :html %>
  
          <p>Each rule passed to <code>data-interchange</code> is comma delimited and incapsulated in square brackets, and each argument within a rule is also comma delimited. The first parameter is the path to your image, and the second parameter is your media query, surrounded by parenthesis.</p>
  
  <%= code_example '
  data-interchange="[image_path, (media query)], [image_path, (media query)]"
  ', :html %>
        
          <p><strong>The last rule that evaluates to true will be the image that gets loaded.</strong> We recommend that you set your image <code>src</code> to the smallest one, as this will always get loaded.</p>
  
          <h3>Named Queries</h3>
  
          <p>Interchange has a built-in few shortcuts that correlate with our visibility classes.</p>
  
          <table>
            <thead>
  