title: Title not showing on first loaded image of fancybox gallery
body: <p>I'm using fancyBox version: 2.1.5 with the code below.</p>
  
  <p>The gallery works perfectly and initialises without a problem whichever image I start from.</p>
  
  <p>However no matter which image I start the gallery from, that image (and <strong>only</strong> that image) doesn't show a title. All the other images show their titles correctly but as I go round the images again, the title disappears from whichever image I started from.</p>
  
  <p>Does anyone know how I can get the title to work for the image I start the show from?</p>
  
  <p>My code:</p>
  
  <pre><code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;link rel="stylesheet" href="scripts/jquery-ui/css/actonians-jqui/jquery-ui-1.10.1.custom.css"  type="text/css"&gt;
  &lt;script src="scripts/jquery/jquery-1.9.0.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="scripts/jquery-ui/js/jquery-ui-1.10.0.custom.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;link rel="stylesheet" href="scripts/fancyBox/source/jquery.fancybox.css" type="text/css" media="screen"&gt;
  &lt;script src="scripts/fancyBox/source/jquery.fancybox.pack.js" type="text/javascript"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript"&gt;
  $(function() {
      $(".fancybox").fancybox({
          wrapCSS    : "fancybox-custom",
          closeClick : true,
          closeEffect: "fade",
          openEffect : "fade",
  
          helpers : {
              title : {
                  type : "inside"
              },
              overlay : {
                  css : {
                      "background" : "rgba(160,160,160,0.65)"
                  }
              }
          }
      });
  });
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;h1&gt;Gallery&lt;/h1&gt;
      &lt;p&gt;Click an image below to view full size as a slideshow&lt;/p&gt;
      &lt;div class="img_gallery"&gt;
          &lt;ul&gt;
              &lt;li&gt;
                  &lt;a class="fancybox" data-fancybox-group="gallery1" href="photos/001.jpg" title="Title 1"&gt;
                  &lt;img src="photos/thumbs/001.jpg" alt="Title 1"&gt;
                  &lt;/a&gt;
              &lt;/li&gt;
              &lt;li&gt;
                  &lt;a class="fancybox" data-fancybox-group="gallery1" href="photos/002.jpg" title="Title 2"&gt;
                  &lt;img src="photos/thumbs/002.jpg" alt="Title 2"&gt;
                  &lt;/a&gt;
              &lt;/li&gt;
              &lt;li&gt;
                  &lt;a class="fancybox" data-fancybox-group="gallery1" href="photos/003.jpg" title="Title 3"&gt;
                  &lt;img src="photos/thumbs/003.jpg" alt="Title 3"&gt;
                  &lt;/a&gt;
              &lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>