title: Increment image width by 50px
body: <p>I have an image that appears multiple times, but I need the image width to increment by 50px each time it appears. </p>
  
  <p>I've tried to accomplish this with jQuery, but I'm having no luck at the moment, any ideas where I'm going wrong?</p>
  
  <p>The HTML that loops through to get each bit of content is:</p>
  
  <pre><code>&lt;div class="hideme"&gt;
      &lt;h3 class="text-white"&gt;&lt;?php the_sub_field('whatcanwedo_stats_number'); ?&gt;&lt;/h3&gt;
      &lt;img src="&lt;?php echo get_stylesheet_directory_uri(); ?&gt;/img/tash5.png" alt="tash5" class="what-can-we-do-tash" /&gt;
      &lt;p&gt;&lt;?php the_sub_field('whatcanwedo_stats_content'); ?&gt;&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And the jQuery I have is:</p>
  
  <pre><code>var w = 50;
  var newWidth;
  // what can we do tash
  $('.what-can-we-do-tash').each(function(){
      newWidth === w;
      $(this).attr('width',newWidth);
      w+50;
  });
  </code></pre>
  
  <p>However this doesn't seem to be doing anything :(</p>