title: Resize all images in a div
body: <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div class="test"&gt;&lt;img src="1.jpg"&gt;&lt;img src="2.jpg"&gt;&lt;img src="3.jpg"&gt;&lt;/div&gt;
  &lt;div class="test"&gt;&lt;img src="4.jpg"&gt;&lt;/div&gt;
  </code></pre>
  
  <p><strong>jQuery</strong></p>
  
  <pre><code>var max = 100;
  var img = $('div.test img');
  if (img.width() &gt; max) {
      img.width = max;
  }
  </code></pre>
  
  <p>I would like all images found within the <code>.test</code> class <code>&lt;div&gt;</code> to be rescaled to the maximum width defined.</p>