jQuery method to click on image/caption or <li> to go to URL
<p>I'd like to use an image slider plugin (Elastislide) as a menu. The problem is that it uses <code>&lt;a href="#"&gt;</code> as a function and can't be used as a link. I've tried. So, I'm looking for a jQuery solution to use the images/captions or a <code>&lt;li&gt;</code> as a pseudo-link.</p>

<p>The pages are all local, so I don't need to go to another domain, just another page in the same directory. Here's an example of the HTML</p>

<pre><code>        &lt;div id="carousel" class="es-carousel-wrapper"&gt;

        &lt;div class="es-carousel"&gt;

        &lt;ul&gt;

    &lt;li value="another_page.php"&gt;&lt;a href="#"&gt;&lt;img src="images/small/1.jpg" alt="image01" /&gt;&lt;/a&gt;&lt;/li&gt;
    &lt;li value="yet_another.php"&gt;&lt;a href="#"&gt;&lt;img src="images/small/2.jpg" alt="image02" /&gt;&lt;/a&gt;&lt;/li&gt;
    &lt;li value="still_another.php"&gt;&lt;a href="#"&gt;&lt;img src="images/small/3.jpg" alt="image03" /&gt;&lt;/a&gt;&lt;/li&gt;
    &lt;li value="last_one.php"&gt;&lt;a href="#"&gt;&lt;img src="images/small/4.jpg" alt="image04" /&gt;&lt;/a&gt;&lt;/li&gt;

&lt;/ul&gt;
&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>I added the value getting a clue from another post.</p>
