Change Images dynamically in lightbox using jQuery
<p>I have four links all with the same class like this</p>

<pre><code>&lt;a href="" class="learn-more"&gt;Learn More&lt;/a&gt;
&lt;a href="" class="learn-more"&gt;Learn More&lt;/a&gt;
&lt;a href="" class="learn-more"&gt;Learn More&lt;/a&gt;
&lt;a href="" class="learn-more"&gt;Learn More&lt;/a&gt;
</code></pre>

<p>On clicking each of this link a lightbox will load. All the four links will load the same lightbox except the heading of the content in the lightbox. All the four lightboxes will have different heading, but the content are same. Also all the lightboxes will have the same product images except for the third link, which will have a different image. I need to achieve this in jQuery.</p>
