title: Responsive Image replacement with added img attributes
body: <p>Given this html markup...</p>
  
  <pre><code>&lt;figure class="figureFeatured"&gt;
      &lt;img 
          width="300" 
          height="213" 
          src="wp-content/uploads/featuredImage-300x213.jpg"
          data-responsive="wp-content/uploads/featuredImage-150x150.jpg"
      /&gt;
  &lt;/figure&gt;
  </code></pre>
  
  <p>Is it possible via CSS or jQuery to replace the src attribute with the value of the data-responsive attribute?</p>
  
  <p>I only want to do the replacement at specific device-width breakpoints (css media queries or jQuery window resize dimensions)</p>