title: jquery list item per image
body: <p>I have 3 images and an unordered list with 3 items, using jQuery how can I get 1 image to show in the correct order on hover. Its hard to explain so I'll give you some code</p>
  
  <pre><code>&lt;img src="1.jpg" /&gt;
  &lt;img src="2.jpg" /&gt;
  &lt;img src="3.jpg" /&gt;
  
  &lt;ul&gt;
     &lt;li&gt;&lt;a href="#"&gt;item 1&lt;/a&gt;&lt;/li&gt;
     &lt;li&gt;&lt;a href="#"&gt;item 2&lt;/a&gt;&lt;/li&gt;
     &lt;li&gt;&lt;a href="#"&gt;item 3&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>when you hover over item 1, image 1 will show when you hover over item 2, image 2 will show and so on...</p>
  
  <p>any suggestions guys?</p>