title: Using jQuery each to replace image source
body: <p>I have the following issue. On load I want to use each to go through all the divs with the ".image" class, get the source of the image in that div and replace the source of the corresponding list item. </p>
  
  <p>Example below: useThis1 will replace the source of item1, useThis2 will replace the source of item2, so on and so forth. Any help on this would be much appreciated.</p>
  
  <pre><code>&lt;div class="image"&gt;&lt;img src="useThis1"/&gt;&lt;/div&gt;
  &lt;div class="image"&gt;&lt;img src="useThis2"/&gt;&lt;/div&gt;
  &lt;div class="image"&gt;&lt;img src="useThis3"/&gt;&lt;/div&gt;
  &lt;div class="image"&gt;&lt;img src="useThis4"/&gt;&lt;/div&gt;
  &lt;div class="image"&gt;&lt;img src="useThis5"/&gt;&lt;/div&gt;
  
  &lt;div id="contentA"&gt;
  &lt;ul&gt;
  &lt;li&gt;&lt;img id="item1" src="toReplaceThis"&gt;&lt;/li&gt;
  &lt;li&gt;&lt;img id="item2" src="toReplaceThis"&gt;&lt;/li&gt;
  &lt;li&gt;&lt;img id="item3" src="toReplaceThis"&gt;&lt;/li&gt;
  &lt;li&gt;&lt;img id="item4" src="toReplaceThis"&gt;&lt;/li&gt;
  &lt;li&gt;&lt;img id="item5" src="toReplaceThis"&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>