jQuery: mouseover makes image visible that has the same last 4 numbers in their id as the trigger
<p>I am currently working on a website and got stuck with the following problem: </p>

<p>On the website I have small dots (images) with the ids "dot0001", "dot0002", "dot0003", etc. . I also have hidden images (visibility:hidden) with the ids "info0001", "info00002", "info0003", etc. </p>

<p>I am looking for a jQuery solution. What I need is a code that allows the following events:</p>

<p>When users move the mouse over "dot0001" the image "info0001" becomes visible and when they leave "dot0001", "info0001" becomes invisible again. Same applies to "dot0002"-"info0002" ,  "dot0003"-"info0003" etc. So only the info-images with the corresponding 4 digit number become visible. </p>

<p>I gave it endless tries but got nowhere and there is not even a point in pasting my code.</p>

<p>Any help appreciated! </p>
