title: jQuery Lightbox plugin not working on my page
body: <p>I have spent hours on this problem. Here is my code. </p>
  
  <pre><code>&lt;div id="contentBox"&gt;
   &lt;p&gt;Some text here &lt;/p&gt;
  &lt;div id="photoAlbumOne"&gt;
    &lt;ul id="photoAlbum"&gt;
      &lt;li id="fig1"&gt;&lt;a href="../images/image1.png"&gt;&lt;img src="../images/thumb1.png"&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li id="fig2"&gt;&lt;a href="../images/image2.png"&gt;&lt;img src="../images/thumb2.png"&gt;&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;  
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here is script. </p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
    $(function() {
      $('#photoAlbumOne a').lightBox();
    });
  &lt;/script&gt;
  </code></pre>
  
  <p>I have given the link to both jQuery and and plugins. What's wrong? Why is it not working? I appreciate your help.    </p>