HighSlide zoom is not working
<p>I'm having trouble getting HighSlide to zoom on a div. It seems like it's partly working because I have the magnifying glass appearing when mousing over the pic in the browser, and when I click it says "Loading...", but it doesn't seem to magnify upon clicking. I'm simply trying to zoom/magnify the div dailyimg which contains an image that is rotated daily using a Javascript function that I wrote. I have included the HighSlide JS and CSS files in my header. Please see my HTML and JS code below. Any help would be greatly appreciated.</p>

<pre><code>&lt;div id="features"&gt;
&lt;h2&gt;Features&lt;/h2&gt;
&lt;div id="emma2011_left"&gt; &lt;h2&gt;Image of the Day&lt;/h2&gt;
    &lt;div id="dImg"&gt;
    &lt;a id="inline" href="#dailyimg" class="highslide" rel="highslide"&gt; &lt;div id="dailyimg" class="feature" class="highslide-maincontent"&gt; &lt;/div&gt;&lt;/a&gt;
    &lt;div id="title" class="feature"&gt; &lt;/div&gt; &lt;br /&gt;&lt;br /&gt;
    &lt;div id="divlink" class="feature"&gt;&lt;br /&gt;&lt;center&gt;&lt;p&gt;Link to the digital object&lt;/p&gt;&lt;/center&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;
    &lt;div id="caption" class="feature2"&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; 
</code></pre>

<p>and in my JS file:</p>

<pre><code>    $("a#inline").click(function() {
       return hs.expand(this, options);
    });
</code></pre>
