title: jquery click event not firing in firefox
body: <p>This function attaches the fancybox plugin to some images. When an image is clicked in the image slider, it opens the corresponding larger image within the <code>#hidden images</code> div.  It works in Internet Explorer but does not work in Firefox (3.6.9).  How do i get it to work in Firefox?        </p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
     $(document).ready(function() {
         $("#hidden_images a").fancybox(); 
         $("#image_slider img").click(function(event) {
             var $tgt = $(event.target);
             var $desc = $tgt.attr("longdesc");
             $("#" + $desc).click();   
         });
     });
  &lt;/script&gt;
  </code></pre>
  
  <p>Here is my HTML:</p>
  
  <pre><code>&lt;div id="image_slider" class="imageflow"&gt;
      &lt;img src="images/press/charity1.jpg" longdesc="charity1"  width="250" height="250" alt="Charity 1" /&gt;
      &lt;img src="images/press/charity2.jpg" longdesc="charity2"  width="250" height="250" alt="Charity 2" /&gt;
  &lt;/div&gt;
  &lt;div id="hidden_images"&gt;
      &lt;a id="charity1" href="images/press/charity1_lg.jpg" style="display:none;"&gt;&lt;img src="images/press/charity1_lg.jpg" alt="charity one caption"/&gt;&lt;/a&gt;
      &lt;a id="charity2" href="images/press/charity2_lg.jpg" style="display:none;"&gt;&lt;img src="images/press/charity2_lg.jpg" alt="charity two caption"/&gt;&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>